.logic-pro-desk {
    --lp-bg: #04110d;
    --lp-bg-2: #0b1f18;
    --lp-panel: rgba(9, 22, 18, 0.86);
    --lp-panel-2: rgba(14, 30, 24, 0.9);
    --lp-line: rgba(244, 208, 112, 0.16);
    --lp-line-strong: rgba(118, 241, 212, 0.34);
    --lp-text: #fff3d5;
    --lp-muted: #c8b590;
    --lp-cold: #7bf0d9;
    --lp-steel: #f0cf86;
    --lp-profit: #95ffc9;
    --lp-warn: #f4d070;
    --lp-loss: #ff8d99;
    --lp-petal: #ff9bc6;
    --lp-shadow: 0 28px 70px rgba(0, 0, 0, 0.48);
    --lp-font-display: 'Rajdhani', sans-serif;
    --lp-font-body: 'Space Grotesk', sans-serif;
    --lp-font-mono: 'IBM Plex Mono', monospace;
    --lp-logic-art: url('./assets/lotus/lotus-main.png');
    --lp-logic-hero: url('./assets/lotus/lotus-forest.png');
    
    position: relative;
    font-family: var(--lp-font-body);
    color: var(--lp-text);
}

.logic-pro-desk .display { font-family: var(--lp-font-display); }
.logic-pro-desk .mono { font-family: var(--lp-font-mono); }

.logic-pro-desk::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(2, 7, 6, 0.18), rgba(2, 7, 6, 0.7)),
        radial-gradient(circle at 16% 18%, rgba(123, 240, 217, 0.12), transparent 28%),
        radial-gradient(circle at 82% 12%, rgba(255, 155, 198, 0.1), transparent 24%),
        var(--lp-logic-hero) center/cover no-repeat;
    opacity: 0.34;
    z-index: 0;
}

.logic-pro-desk > * {
    position: relative;
    z-index: 1;
}

.logic-pro-desk .panel {
    background: linear-gradient(180deg, rgba(10, 24, 19, 0.94) 0%, rgba(6, 16, 13, 0.96) 100%);
    border: 1px solid var(--lp-line);
    border-radius: 8px;
    box-shadow: var(--lp-shadow);
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(14px);
}

.logic-pro-desk .panel::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(145deg, rgba(255,255,255,0.05), transparent 22%, transparent 78%, rgba(118, 241, 212, 0.06));
    pointer-events: none;
}

.logic-pro-desk .panel-cut {
    clip-path: polygon(0 0, calc(100% - 34px) 0, 100% 34px, 100% 100%, 0 100%);
}

.logic-pro-desk .section-title {
    font-family: var(--lp-font-display);
    letter-spacing: 0.16em;
    text-transform: uppercase;
    font-size: 10px;
    color: var(--lp-muted);
}

.logic-pro-desk .badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid var(--lp-line);
    border-radius: 999px;
    padding: 5px 8px;
    font-size: 9px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-weight: 700;
}

.logic-pro-desk .badge-cold { color: var(--lp-cold); border-color: rgba(123, 231, 255, 0.26); background: rgba(123, 231, 255, 0.08); }
.logic-pro-desk .badge-profit { color: var(--lp-profit); border-color: rgba(118, 247, 176, 0.26); background: rgba(118, 247, 176, 0.08); }
.logic-pro-desk .badge-warn { color: var(--lp-warn); border-color: rgba(255, 211, 111, 0.26); background: rgba(255, 211, 111, 0.08); }
.logic-pro-desk .badge-dim { color: var(--lp-steel); background: rgba(255,255,255,0.04); }

.logic-pro-desk .logo-mark {
    position: relative;
    width: 140px;
    height: 90px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 7px;
    padding: 6px;
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(6, 18, 14, 0.92), rgba(13, 31, 24, 0.86));
    border: 1px solid rgba(244, 208, 112, 0.22);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 14px 28px rgba(0,0,0,0.25);
}

.logic-pro-desk .logo-mark span {
    background-image: linear-gradient(180deg, rgba(2, 7, 6, 0.14), rgba(2, 7, 6, 0.56)), var(--lp-logic-art);
    background-size: cover, 240px auto;
    clip-path: polygon(0 0, 100% 0, 100% 70%, 68% 100%, 0 100%);
    border: 1px solid rgba(255,255,255,0.15);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.14);
    filter: saturate(1.1) contrast(1.04);
}

.logic-pro-desk .logo-mark span:nth-child(1) { background-position: center, 0% 20%; }
.logic-pro-desk .logo-mark span:nth-child(2) { background-position: center, 18% 24%; }
.logic-pro-desk .logo-mark span:nth-child(3) { background-position: center, 34% 18%; }
.logic-pro-desk .logo-mark span:nth-child(4) { background-position: center, 52% 56%; }
.logic-pro-desk .logo-mark span:nth-child(5) { background-position: center, 68% 40%; }
.logic-pro-desk .logo-mark span:nth-child(6) { background-position: center, 84% 36%; }
.logic-pro-desk .logo-mark span:nth-child(7) { background-position: center, 16% 82%; }
.logic-pro-desk .logo-mark span:nth-child(8) { background-position: center, 44% 78%; }
.logic-pro-desk .logo-mark span:nth-child(9) { background-position: center, 78% 76%; }

.logic-pro-desk .logic-brand-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 14px;
}

.logic-pro-desk .logic-brand-chip {
    min-height: 62px;
    border-radius: 10px;
    border: 1px solid rgba(244, 208, 112, 0.18);
    background-image: linear-gradient(180deg, rgba(4, 10, 8, 0.08), rgba(4, 10, 8, 0.48)), var(--lp-logic-art);
    background-size: cover, cover;
    background-repeat: no-repeat;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 10px 22px rgba(0,0,0,0.2);
}

.logic-pro-desk .logic-brand-chip:nth-child(1) { background-position: center, left 12% top 28%; }
.logic-pro-desk .logic-brand-chip:nth-child(2) { background-position: center, center top 18%; }
.logic-pro-desk .logic-brand-chip:nth-child(3) { background-position: center, right 16% top 32%; }

.logic-pro-desk .search-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
    gap: 10px;
}

.logic-pro-desk .input-shell, .logic-pro-desk .select-shell {
    width: 100%;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.08);
    color: var(--lp-text);
    border-radius: 8px;
    padding: 11px 12px;
    font-size: 12px;
    font-family: var(--lp-font-body);
}

.logic-pro-desk .input-shell:focus, .logic-pro-desk .select-shell:focus {
    outline: none;
    border-color: var(--lp-line-strong);
    box-shadow: 0 0 0 3px rgba(123, 231, 255, 0.08);
}

.logic-pro-desk .metric-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.logic-pro-desk .metric-card {
    padding: 12px;
    min-height: 80px;
}

.logic-pro-desk .metric-value {
    font-family: var(--lp-font-display);
    font-weight: 700;
    font-size: 26px;
    line-height: 1;
    margin-top: 6px;
}

.logic-pro-desk .market-chip-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.logic-pro-desk .market-chip {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 12px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.03);
    cursor: pointer;
}

.logic-pro-desk .market-chip input { accent-color: #7be7ff; }

.logic-pro-desk .action-btn {
    border: 0;
    border-radius: 6px;
    padding: 8px 10px;
    font-family: var(--lp-font-display);
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.logic-pro-desk .action-btn:hover { transform: translateY(-1px); }
.logic-pro-desk .action-primary { background: linear-gradient(135deg, var(--lp-warn) 0%, var(--lp-cold) 100%); color: #031018; box-shadow: 0 10px 24px rgba(118, 241, 212, 0.22); }
.logic-pro-desk .action-secondary { background: rgba(255,255,255,0.05); color: var(--lp-text); border: 1px solid rgba(255,255,255,0.08); }

.logic-pro-desk .logic-hero-side {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.logic-pro-desk .logic-art-card {
    padding: 12px;
    border-radius: 10px;
    border: 1px solid rgba(244, 208, 112, 0.18);
    background: linear-gradient(180deg, rgba(8, 20, 16, 0.82) 0%, rgba(5, 14, 11, 0.92) 100%);
}

.logic-pro-desk .logic-art-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.logic-pro-desk .logic-art-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.logic-pro-desk .logic-art-slice {
    min-height: 92px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.12);
    position: relative;
    background-image: linear-gradient(180deg, rgba(5, 10, 8, 0.08), rgba(5, 10, 8, 0.48)), var(--lp-logic-hero);
    background-size: cover, cover;
    background-repeat: no-repeat;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 10px 24px rgba(0,0,0,0.2);
}

.logic-pro-desk .logic-art-slice:nth-child(1) { background-position: center, left 10% center; }
.logic-pro-desk .logic-art-slice:nth-child(2) { background-position: center, center center; }
.logic-pro-desk .logic-art-slice:nth-child(3) { background-position: center, right 10% center; }

.logic-pro-desk .logic-art-slice::after {
    content: attr(data-label);
    position: absolute;
    left: 10px;
    bottom: 10px;
    font-size: 10px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--lp-text);
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

.logic-pro-desk .results-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 10px;
}

.logic-pro-desk .result-card {
    padding: 14px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.08);
    background: linear-gradient(180deg, rgba(17, 23, 31, 0.96) 0%, rgba(11, 15, 21, 0.98) 100%);
    position: relative;
    overflow: hidden;
}

.logic-pro-desk .result-card::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 84px;
    height: 84px;
    background: linear-gradient(135deg, rgba(255,255,255,0.11), rgba(123,231,255,0.08));
    clip-path: polygon(100% 0, 0 0, 100% 100%);
    pointer-events: none;
}

.logic-pro-desk .line-row {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding: 9px 0;
    border-bottom: 1px solid rgba(255,255,255,0.06);
}

.logic-pro-desk .line-row:last-child { border-bottom: 0; }

.logic-pro-desk .basket-card, .logic-pro-desk .inspector-card {
    padding: 14px;
}

.logic-pro-desk .mini-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.logic-pro-desk .mini-row {
    padding: 10px 11px;
    border-radius: 6px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.06);
}

.logic-pro-desk .tag {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 3px 7px;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 700;
}

.logic-pro-desk .tag-high { background: rgba(118,247,176,0.12); color: var(--lp-profit); }
.logic-pro-desk .tag-mid { background: rgba(255,211,111,0.12); color: var(--lp-warn); }
.logic-pro-desk .tag-low { background: rgba(255,124,124,0.12); color: var(--lp-loss); }
.logic-pro-desk .tag-cold { background: rgba(123,231,255,0.12); color: var(--lp-cold); }

.logic-pro-desk .empty-state {
    padding: 20px;
    text-align: center;
    border-radius: 10px;
    border: 1px dashed var(--lp-line);
    color: var(--lp-muted);
}

.logic-pro-desk .drawer, .logic-pro-desk .modal {
    position: fixed;
    inset: 0;
    z-index: 100;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(2, 8, 7, 0.88);
    backdrop-filter: blur(12px);
    padding: 20px;
}

.logic-pro-desk .drawer.open, .logic-pro-desk .modal.open {
    display: flex;
}

.logic-pro-desk .modal-card {
    width: min(1000px, 100%);
    max-height: 90vh;
    overflow-y: auto;
    background: linear-gradient(180deg, #091612 0%, #06100d 100%);
    border: 1px solid var(--lp-line);
    border-radius: 10px;
    padding: 18px;
    box-shadow: var(--lp-shadow);
}

.logic-pro-desk .review-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.logic-pro-desk .review-panel {
    padding: 14px;
    border-radius: 8px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.05);
}

.logic-pro-desk .review-banner {
    padding: 10px 11px;
    border-radius: 6px;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.04);
}

.logic-pro-desk .review-banner-ok {
    border-color: rgba(118,247,176,0.18);
    background: rgba(118,247,176,0.07);
}

.logic-pro-desk .review-banner-warn {
    border-color: rgba(255,211,111,0.2);
    background: rgba(255,211,111,0.08);
}

.logic-pro-desk .review-banner-error {
    border-color: rgba(255,124,124,0.2);
    background: rgba(255,124,124,0.08);
}

.logic-pro-desk .subtle {
    color: var(--lp-muted);
    font-size: 12px;
    line-height: 1.55;
}

@media (max-width: 1000px) {
    .logic-pro-desk .review-grid {
        grid-template-columns: 1fr;
    }
}