body {
    font-feature-settings: "tnum";
}

body::selection {
    background: rgba(242, 122, 26, .22);
}

.card {
    border: 1px solid rgb(226 232 240);
    border-radius: 8px;
    background: white;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.035);
}

.metric {
    border: 1px solid rgb(226 232 240);
    border-radius: 8px;
    background: white;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.03);
}

.table-wrap {
    overflow-x: auto;
}

.sidebar-plan-card {
    box-sizing: border-box;
    min-width: 0;
    width: 100%;
}

.suggestion-grid {
    display: grid;
    gap: 1rem;
}

@media (min-width: 1024px) {
    .suggestion-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.suggestion-grid article {
    border-color: rgba(226, 232, 240, .95);
    box-shadow: 0 16px 36px rgba(15, 23, 42, .06);
    overflow: hidden;
    position: relative;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.suggestion-grid article::before {
    background: linear-gradient(180deg, #f27a1a, #14b8a6);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 5px;
}

.suggestion-grid article:hover {
    border-color: rgba(242, 122, 26, .38);
    box-shadow: 0 20px 44px rgba(15, 23, 42, .1);
    transform: translateY(-2px);
}

.suggestion-grid article > div:first-child {
    gap: 1rem;
}

.suggestion-grid article > div:first-child > div:first-child {
    min-width: 0;
    padding-left: .4rem;
}

.suggestion-grid article span.text-xs {
    background: rgba(15, 23, 42, .06);
    border: 1px solid rgba(148, 163, 184, .2);
    border-radius: 999px;
    color: #475569;
    display: inline-flex;
    padding: .28rem .55rem;
}

.suggestion-grid article h3 {
    color: #0f172a;
    font-size: 1rem;
    line-height: 1.45;
}

.suggestion-grid article p {
    line-height: 1.65;
}

.suggestion-grid article strong.rounded-md {
    border: 1px solid rgba(226, 232, 240, .95);
    box-shadow: 0 8px 18px rgba(15, 23, 42, .05);
}

.suggestion-grid article form,
.suggestion-grid article .mt-4.flex {
    align-items: center;
    border-top: 1px solid rgba(226, 232, 240, .8);
    padding-top: 1rem;
}

.suggestion-grid article button,
.suggestion-grid article a.inline-flex {
    border-radius: 8px;
}

.suggestion-locked {
    background:
        linear-gradient(135deg, rgba(15, 23, 42, .04), rgba(242, 122, 26, .08)),
        #fff;
}

.suggestion-locked h3,
.suggestion-locked p {
    color: transparent !important;
    filter: blur(5px);
    position: relative;
    user-select: none;
}

.suggestion-locked strong.rounded-md {
    color: #0f172a;
    filter: none;
}

.suggestion-locked h3::after {
    color: #0f172a;
    content: "Pro öneri önizlemesi";
    filter: none;
    left: 0;
    position: absolute;
    top: 0;
}

.suggestion-locked p::after {
    color: #475569;
    content: "Rakip, API ve gelişmiş satış sinyalleri Pro planda açılır.";
    filter: none;
    left: 0;
    position: absolute;
    top: 0;
}

.suggestion-locked > .mt-4:not(.pro-upgrade-cta) {
    display: none;
}

.suggestion-locked .pro-upgrade-cta,
.suggestion-locked .pro-upgrade-cta a {
    filter: none;
}

.admin-shell {
    background:
        radial-gradient(circle at 18% 12%, rgba(242, 122, 26, .12), transparent 26rem),
        linear-gradient(135deg, #fffaf6 0%, #f7fbff 44%, #f8fafc 100%);
}

.admin-sidebar {
    background: linear-gradient(180deg, #111827 0%, #172033 58%, #101827 100%);
    box-shadow: 18px 0 40px rgba(15, 23, 42, .12);
}

.admin-nav-link {
    border: 1px solid transparent;
    transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.admin-nav-link:hover {
    transform: translateX(2px);
}

.admin-nav-active {
    background: rgba(255, 255, 255, .96);
    border-color: rgba(255, 255, 255, .9);
    color: #0f172a;
    box-shadow: 0 14px 32px rgba(0, 0, 0, .16);
}

.admin-panel-surface {
    background: rgba(255, 255, 255, .72);
    backdrop-filter: blur(16px);
}

.metric-vivid {
    position: relative;
    overflow: hidden;
}

.metric-vivid::before {
    background: linear-gradient(180deg, rgba(242, 122, 26, .9), rgba(20, 184, 166, .9));
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px;
}

.checkout-shell {
    background:
        linear-gradient(135deg, rgba(255, 247, 237, .95), rgba(240, 253, 250, .82)),
        #f8fafc;
}

.checkout-input {
    background: rgba(255, 255, 255, .86);
    border: 1px solid rgb(203 213 225);
    border-radius: 8px;
    box-sizing: border-box;
    min-width: 0;
    padding: .82rem .9rem;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
    width: 100%;
}

.checkout-input:focus {
    background: #fff;
    border-color: #f27a1a;
    box-shadow: 0 0 0 4px rgba(242, 122, 26, .13);
    outline: none;
}

.suggestion-showcase {
    display: grid;
    gap: 1rem;
}

@media (min-width: 1024px) {
    .suggestion-showcase {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.suggestion-tile {
    background: #fff;
    border: 1px solid rgba(226, 232, 240, .98);
    border-radius: 8px;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .055);
    display: flex;
    flex-direction: column;
    min-height: 220px;
    overflow: hidden;
    padding: 1rem;
    position: relative;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.suggestion-tile::before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 6px;
}

.suggestion-high::before {
    background: linear-gradient(180deg, #ef4444, #f97316);
}

.suggestion-medium::before {
    background: linear-gradient(180deg, #f27a1a, #facc15);
}

.suggestion-low::before {
    background: linear-gradient(180deg, #14b8a6, #22c55e);
}

.suggestion-tile:hover {
    border-color: rgba(242, 122, 26, .38);
    box-shadow: 0 20px 44px rgba(15, 23, 42, .1);
    transform: translateY(-2px);
}

.suggestion-tile-top {
    display: flex;
    gap: 1rem;
}

.suggestion-tile-icon {
    align-items: center;
    background: #0f172a;
    border-radius: 8px;
    color: #fff;
    display: flex;
    flex: 0 0 auto;
    font-size: .85rem;
    font-weight: 900;
    height: 2.25rem;
    justify-content: center;
    margin-left: .35rem;
    width: 2.25rem;
}

.suggestion-badge,
.suggestion-priority-chip {
    background: rgba(15, 23, 42, .06);
    border: 1px solid rgba(148, 163, 184, .2);
    border-radius: 999px;
    color: #475569;
    display: inline-flex;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .04em;
    padding: .28rem .55rem;
    text-transform: uppercase;
}

.suggestion-priority-chip {
    background: rgba(242, 122, 26, .1);
    color: #9a3412;
}

.suggestion-tile h3 {
    color: #0f172a;
    font-size: 1.02rem;
    line-height: 1.45;
    margin-top: .8rem;
}

.suggestion-tile p {
    color: #475569;
    font-size: .88rem;
    line-height: 1.65;
    margin-top: .45rem;
}

.suggestion-tile-bottom {
    align-items: center;
    border-top: 1px solid rgba(226, 232, 240, .85);
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 1rem;
}

.suggestion-impact-box {
    background: #fff;
    border: 1px solid rgba(226, 232, 240, .95);
    border-radius: 8px;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .05);
    color: #0f172a;
    font-size: .78rem;
    font-weight: 900;
    padding: .55rem .7rem;
}

.suggestion-main-btn,
.suggestion-ghost-btn {
    border-radius: 8px;
    font-size: .82rem;
    font-weight: 800;
    padding: .62rem .8rem;
}

.suggestion-main-btn {
    background: #0f172a;
    color: #fff;
}

.suggestion-ghost-btn {
    background: #fff;
    border: 1px solid rgb(203 213 225);
    color: #0f172a;
}

.suggestion-tile.is-locked {
    background:
        linear-gradient(135deg, rgba(15, 23, 42, .035), rgba(242, 122, 26, .1)),
        #fff;
}

.suggestion-tile.is-locked .suggestion-tile-icon {
    background: linear-gradient(135deg, #0f172a, #f27a1a);
}

.suggestion-tile.is-locked .suggestion-impact-box {
    background: #0f172a;
    color: #fff;
}

.suggestion-showcase {
    align-items: stretch;
}

.suggestion-tile {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 252, .98)),
        #fff;
    border-color: rgba(203, 213, 225, .9);
    box-shadow: 0 18px 34px rgba(15, 23, 42, .075);
    min-height: 238px;
    padding: 1.1rem;
}

.suggestion-tile::after {
    background: radial-gradient(circle, rgba(242, 122, 26, .18), transparent 64%);
    content: "";
    height: 8rem;
    pointer-events: none;
    position: absolute;
    right: -3.5rem;
    top: -3.8rem;
    width: 8rem;
}

.suggestion-tile > * {
    position: relative;
    z-index: 1;
}

.suggestion-high {
    background:
        linear-gradient(135deg, rgba(254, 242, 242, .94), rgba(255, 251, 235, .72)),
        #fff;
}

.suggestion-medium {
    background:
        linear-gradient(135deg, rgba(255, 247, 237, .95), rgba(240, 253, 250, .68)),
        #fff;
}

.suggestion-low {
    background:
        linear-gradient(135deg, rgba(240, 253, 250, .95), rgba(248, 250, 252, .86)),
        #fff;
}

.suggestion-tile-icon {
    box-shadow: 0 10px 18px rgba(15, 23, 42, .18);
    height: 2.65rem;
    width: 2.65rem;
}

.suggestion-high .suggestion-tile-icon {
    background: linear-gradient(135deg, #dc2626, #f97316);
}

.suggestion-medium .suggestion-tile-icon {
    background: linear-gradient(135deg, #f27a1a, #0f766e);
}

.suggestion-low .suggestion-tile-icon {
    background: linear-gradient(135deg, #0f766e, #16a34a);
}

.suggestion-badge {
    background: #fff;
    color: #0f172a;
}

.suggestion-priority-chip {
    background: #0f172a;
    border-color: #0f172a;
    color: #fff;
}

.suggestion-tile h3 {
    font-size: 1.08rem;
    font-weight: 900;
}

.suggestion-impact-box {
    background: #fff;
    border-color: rgba(15, 23, 42, .1);
    box-shadow: 0 10px 22px rgba(15, 23, 42, .08);
    color: #111827;
}

.suggestion-main-btn {
    box-shadow: 0 10px 18px rgba(15, 23, 42, .16);
}

.suggestion-tile.is-locked {
    background:
        linear-gradient(135deg, rgba(15, 23, 42, .92), rgba(242, 122, 26, .82)),
        #0f172a;
    border-color: rgba(242, 122, 26, .32);
    color: #fff;
}

.suggestion-tile.is-locked::before {
    background: linear-gradient(180deg, #fff, #facc15);
}

.suggestion-tile.is-locked::after {
    background: radial-gradient(circle, rgba(255, 255, 255, .22), transparent 66%);
}

.suggestion-tile.is-locked h3,
.suggestion-tile.is-locked p {
    color: #fff;
}

.suggestion-tile.is-locked p {
    color: rgba(255, 255, 255, .78);
}

.suggestion-tile.is-locked .suggestion-badge,
.suggestion-tile.is-locked .suggestion-priority-chip {
    background: rgba(255, 255, 255, .16);
    border-color: rgba(255, 255, 255, .22);
    color: #fff;
}

.checkout-label {
    color: #334155;
    font-size: .875rem;
    font-weight: 700;
}

.checkout-step {
    align-items: center;
    background: rgba(255, 255, 255, .76);
    border: 1px solid rgba(226, 232, 240, .95);
    border-radius: 8px;
    display: flex;
    gap: .7rem;
    padding: .75rem .9rem;
}

.checkout-step-number {
    background: #0f172a;
    border-radius: 999px;
    color: #fff;
    display: grid;
    flex: 0 0 auto;
    font-size: .78rem;
    font-weight: 800;
    height: 1.7rem;
    place-items: center;
    width: 1.7rem;
}

th {
    white-space: nowrap;
}

.toast {
    animation: slide-in .18s ease-out;
}

.suggestion-showcase {
    align-items: stretch;
    display: grid;
    gap: .85rem;
}

@media (min-width: 1024px) {
    .suggestion-showcase {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.suggestion-tile {
    background: #fff !important;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    min-height: 190px;
    overflow: hidden;
    padding: 1rem;
    position: relative;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.suggestion-tile::after {
    display: none;
}

.suggestion-tile::before {
    background: #cbd5e1 !important;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 3px;
}

.suggestion-high::before {
    background: #ef4444 !important;
}

.suggestion-medium::before {
    background: #f97316 !important;
}

.suggestion-low::before {
    background: #14b8a6 !important;
}

.suggestion-tile:hover {
    border-color: #cbd5e1;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .07);
    transform: translateY(-1px);
}

.suggestion-tile-top {
    display: grid;
    gap: .85rem;
    grid-template-columns: 1.75rem minmax(0, 1fr);
}

.suggestion-tile-icon {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0;
    border-radius: 7px;
    box-shadow: none;
    color: #475569;
    display: grid;
    font-size: .78rem;
    font-weight: 800;
    height: 1.75rem;
    margin-left: .1rem;
    place-items: center;
    width: 1.75rem;
}

.suggestion-high .suggestion-tile-icon {
    background: #fef2f2 !important;
    border-color: #fecaca;
    color: #b91c1c;
}

.suggestion-medium .suggestion-tile-icon {
    background: #fff7ed !important;
    border-color: #fed7aa;
    color: #c2410c;
}

.suggestion-low .suggestion-tile-icon {
    background: #f0fdfa !important;
    border-color: #99f6e4;
    color: #0f766e;
}

.suggestion-badge,
.suggestion-priority-chip {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    color: #475569;
    display: inline-flex;
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1;
    padding: .32rem .55rem;
    text-transform: uppercase;
}

.suggestion-priority-chip {
    background: #fff;
    color: #0f172a;
}

.suggestion-high .suggestion-priority-chip {
    border-color: #fecaca;
    color: #b91c1c;
}

.suggestion-medium .suggestion-priority-chip {
    border-color: #fed7aa;
    color: #c2410c;
}

.suggestion-low .suggestion-priority-chip {
    border-color: #99f6e4;
    color: #0f766e;
}

.suggestion-tile h3 {
    color: #0f172a;
    font-size: .98rem;
    font-weight: 800;
    line-height: 1.45;
    margin-top: .72rem;
}

.suggestion-tile p {
    color: #64748b;
    font-size: .86rem;
    line-height: 1.6;
    margin-top: .45rem;
}

.suggestion-tile-bottom {
    align-items: center;
    border-top: 1px solid #f1f5f9;
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    justify-content: space-between;
    margin-top: auto;
    padding-top: .85rem;
}

.suggestion-impact-box {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 7px;
    box-shadow: none;
    color: #334155;
    font-size: .78rem;
    font-weight: 700;
    line-height: 1.2;
    max-width: 100%;
    padding: .55rem .65rem;
}

.suggestion-main-btn,
.suggestion-ghost-btn {
    border-radius: 7px;
    font-size: .8rem;
    font-weight: 750;
    line-height: 1;
    min-height: 2.25rem;
    padding: .65rem .78rem;
}

.suggestion-main-btn {
    background: #0f172a;
    box-shadow: none;
    color: #fff;
}

.suggestion-main-btn:hover {
    background: #1e293b;
}

.suggestion-ghost-btn {
    background: #fff;
    border: 1px solid #cbd5e1;
    color: #334155;
}

.suggestion-ghost-btn:hover {
    background: #f8fafc;
}

.suggestion-tile.is-locked {
    background: #f8fafc !important;
    border-color: #cbd5e1;
    color: #0f172a;
}

.suggestion-tile.is-locked::before {
    background: #0f172a !important;
}

.suggestion-tile.is-locked .suggestion-tile-icon {
    background: #fff !important;
    border-color: #cbd5e1;
    color: #0f172a;
}

.suggestion-tile.is-locked h3,
.suggestion-tile.is-locked p {
    color: #0f172a;
}

.suggestion-tile.is-locked p {
    color: #64748b;
}

.suggestion-tile.is-locked .suggestion-badge,
.suggestion-tile.is-locked .suggestion-priority-chip {
    background: #fff;
    border-color: #cbd5e1;
    color: #334155;
}

.suggestion-tile.is-locked .suggestion-impact-box {
    background: #0f172a;
    border-color: #0f172a;
    color: #fff;
}

.float-soft {
    animation: float-soft 5.5s ease-in-out infinite;
}

.pulse-soft {
    animation: pulse-soft 2.4s ease-in-out infinite;
}

.shine-soft {
    position: relative;
    overflow: hidden;
}

.shine-soft::after {
    animation: shine-soft 4.2s ease-in-out infinite;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.48), transparent);
    content: "";
    height: 100%;
    left: -60%;
    position: absolute;
    top: 0;
    transform: skewX(-18deg);
    width: 40%;
}

.cta-pulse {
    box-shadow: 0 0 0 0 rgba(242, 122, 26, .42);
    animation: cta-pulse 2.6s ease-out infinite;
}

.hover-lift {
    transition: transform .2s ease, box-shadow .2s ease;
}

.hover-lift:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(15, 23, 42, .08);
}

@keyframes slide-in {
    from { transform: translateY(8px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

@keyframes float-soft {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

@keyframes pulse-soft {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.035); opacity: .92; }
}

@keyframes shine-soft {
    0%, 55% { left: -60%; }
    100% { left: 120%; }
}

@keyframes cta-pulse {
    0% { box-shadow: 0 0 0 0 rgba(242, 122, 26, .42); }
    70% { box-shadow: 0 0 0 12px rgba(242, 122, 26, 0); }
    100% { box-shadow: 0 0 0 0 rgba(242, 122, 26, 0); }
}