/* Supabase journal and adaptive experience. */
.fx-cloud-status{display:flex;align-items:center;gap:9px;margin-bottom:10px;padding:10px 12px;border:1px solid #a7d8c2;border-radius:6px;background:#f3fbf7;color:var(--green)}
.fx-cloud-status .icon{width:18px;height:18px;flex:0 0 auto}.fx-cloud-status span{display:grid;gap:2px;min-width:0;margin-right:auto;color:var(--muted);font-size:9px}.fx-cloud-status span b{color:var(--navy);font-size:10px}
.fx-cloud-status button{height:30px;padding:0 9px;border:1px solid #8fc9b0;border-radius:4px;background:#fff;color:var(--green);font-size:8px;font-weight:800}.fx-cloud-status button.secondary{border-color:var(--line);color:var(--muted)}
.fx-auth-panel{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(330px,1.2fr);align-items:center;gap:16px;margin-bottom:10px;padding:14px;border-left:5px solid var(--blue)}
.fx-auth-panel>div{display:grid;grid-template-columns:24px 1fr;gap:3px 9px}.fx-auth-panel>div .icon{grid-row:1/3;color:var(--blue)}.fx-auth-panel>div b{font-size:11px;color:var(--navy)}.fx-auth-panel>div span{font-size:8px;line-height:1.5;color:var(--muted)}
.fx-auth-panel form{display:grid;grid-template-columns:1fr 1fr auto auto;gap:7px}.fx-auth-panel input{height:36px;min-width:0;padding:0 9px;border:1px solid var(--line);border-radius:4px;outline:0}.fx-auth-panel input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,105,224,.08)}
.fx-auth-panel button{height:36px;padding:0 10px;border-radius:4px;font-size:8px;font-weight:800;white-space:nowrap}.fx-auth-panel .fx-secondary{border:1px solid #9fc2f3;background:#fff;color:var(--blue)}
.fx-auth-panel.compact{margin:0 0 10px;padding:10px 12px}.fx-private-empty{margin-top:10px;border:1px dashed var(--line);border-radius:6px;background:#f8fafc}
.fx-sync-error{margin-bottom:10px;padding:9px 11px;border:1px solid #efb9bf;border-radius:5px;background:var(--red-soft);color:#9e2938;font-size:9px}
.fx-journal-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;padding:5px;border:1px solid var(--line);border-radius:7px;background:#e9eef4}.fx-journal-switch button{display:flex;align-items:center;justify-content:center;gap:7px;height:40px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:10px;font-weight:700}.fx-journal-switch button.active{background:#fff;color:var(--blue);box-shadow:0 1px 4px rgba(15,31,53,.12)}.fx-journal-switch .icon{width:15px;height:15px}.fx-journal-switch b{min-width:22px;padding:3px 6px;border-radius:10px;background:#dce4ee;color:#526173;font-size:8px}.fx-journal-switch .active b{background:var(--blue-soft);color:var(--blue)}
.fx-trade-list{display:grid;gap:8px;padding:10px;max-height:720px;overflow:auto}.fx-trade-card{border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:6px;background:#fff;overflow:hidden}.fx-trade-card.real{border-left-color:#7c3aed}.fx-trade-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px 11px;border-bottom:1px solid #edf0f4}.fx-trade-card header div{display:grid;gap:3px}.fx-trade-card header b{font-size:10px;color:var(--navy)}.fx-trade-card header span{font-size:8px;color:var(--muted)}.fx-trade-card header em{padding:4px 7px;border-radius:4px;font-size:8px;font-style:normal;font-weight:800}.fx-trade-card header em.success{background:var(--green-soft);color:var(--green)}.fx-trade-card header em.danger{background:var(--red-soft);color:var(--red)}.fx-trade-card header em.live{background:#eaf2ff;color:var(--blue)}.fx-trade-card header em.pending{background:var(--amber-soft);color:var(--amber)}.fx-trade-card header em.muted{background:#eef1f5;color:var(--muted)}
.fx-trade-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#edf0f4;border-bottom:1px solid #edf0f4}.fx-trade-levels span{display:grid;gap:3px;padding:8px;background:#fff;color:var(--muted);font-size:7px}.fx-trade-levels b{color:var(--navy);font-size:10px;font-variant-numeric:tabular-nums}.fx-trade-card p{margin:0;padding:9px 11px;color:var(--muted);font-size:8px;line-height:1.55}.fx-trade-card p b{color:var(--navy)}
.fx-check{display:flex!important;align-items:center;gap:7px}.fx-check input{width:auto!important;height:auto!important}.fx-journal-layout .fx-primary.wide{height:40px;border-radius:4px}
.fx-learning-layout.adaptive{align-items:start}.fx-experience-list{display:grid;gap:9px;padding:10px}.fx-experience-card{border:1px solid var(--line);border-left:5px solid #94a3b8;border-radius:6px;background:#fff}.fx-experience-card.prefer{border-left-color:var(--green);background:#f8fdfb}.fx-experience-card.avoid{border-left-color:var(--red);background:#fffafa}.fx-experience-card.cautious{border-left-color:var(--amber);background:#fffdf8}.fx-experience-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px 11px;border-bottom:1px solid #edf0f4}.fx-experience-card header div{display:grid;gap:3px}.fx-experience-card header b{font-size:10px;color:var(--navy)}.fx-experience-card header span{font-size:8px;color:var(--muted)}.fx-experience-card header em{padding:4px 7px;border-radius:4px;background:#eef1f5;color:var(--muted);font-size:8px;font-style:normal;font-weight:800}.fx-experience-card.prefer header em{background:var(--green-soft);color:var(--green)}.fx-experience-card.avoid header em{background:var(--red-soft);color:var(--red)}.fx-experience-card.cautious header em{background:var(--amber-soft);color:var(--amber)}
.fx-experience-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#edf0f4}.fx-experience-metrics span{display:grid;gap:3px;padding:8px;background:#fff;color:var(--muted);font-size:7px}.fx-experience-metrics b{font-size:10px;color:var(--navy)}.fx-experience-card p{margin:0;padding:9px 11px;color:var(--muted);font-size:8px;line-height:1.55}.fx-experience-card p strong{color:var(--blue);font-size:7px}.fx-manual-rules{margin-top:10px}
@media(min-width:1000px){.fx-learning-layout.adaptive{grid-template-columns:minmax(0,1.5fr) 380px}}
@media(max-width:999px){.fx-auth-panel{grid-template-columns:1fr}.fx-auth-panel form{grid-template-columns:1fr 1fr}.fx-experience-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:759px){.fx-cloud-status{align-items:flex-start;flex-wrap:wrap}.fx-cloud-status span{width:calc(100% - 30px)}.fx-auth-panel form{grid-template-columns:1fr}.fx-journal-switch{grid-template-columns:1fr}.fx-trade-levels{grid-template-columns:repeat(2,1fr)}.fx-experience-metrics{grid-template-columns:repeat(2,1fr)}}