.company-card{background:var(--bg-primary,#fff);border-radius:10px;border:1px solid var(--border-color,#e2e8f0);box-shadow:0 3px 10px rgba(0,0,0,.12),0 2px 5px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;height:auto;min-height:320px;min-width:0;display:flex;flex-direction:column;box-sizing:border-box}.company-card:hover{transform:translateY(-8px) scale(1.02);border-color:rgba(99,102,241,.5);background:var(--card-hover-bg,#f8faff)}.mos-badge{position:absolute;top:10px;right:10px;z-index:10;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:11px;font-weight:700;padding:4px 8px;border-radius:6px;cursor:help;box-shadow:0 2px 8px rgba(16,185,129,.4);display:flex;align-items:center;gap:4px}.mos-badge:before{content:"✓";font-size:10px}.mos-tooltip{display:none;position:absolute;top:100%;right:0;margin-top:4px;background:#1e293b;color:#fff;padding:8px 12px;border-radius:6px;font-size:11px;font-weight:400;white-space:nowrap;z-index:100;box-shadow:0 4px 12px rgba(0,0,0,.3)}.mos-badge:hover .mos-tooltip{display:block}.free-badge{position:absolute;top:10px;right:10px;z-index:10;color:var(--text-secondary,#64748b);padding:4px;display:flex;align-items:center;justify-content:center;line-height:1}.free-badge.with-mos{right:auto;left:10px}body.dark-mode .free-badge{color:#94a3b8}.card-content{flex:1;padding:12px 14px;display:flex;flex-direction:column;gap:18px}.card-header{display:flex;align-items:center;position:relative;min-height:44px;min-width:0;overflow:hidden}.company-logo{-o-object-fit:cover;object-fit:cover;padding:0}.company-logo,.company-logo-placeholder{width:44px;height:44px;border-radius:8px;background:#334155;margin-right:10px;flex-shrink:0}.company-info{flex:1;min-width:0}.company-name{font-size:14px;font-weight:600;color:var(--text-primary,#1e293b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.company-ticker{font-size:13px;color:var(--primary-color,#3b82f6);font-weight:600;margin-top:2px;display:flex;align-items:center;gap:4px}.company-ticker .row-free-icon{color:var(--text-secondary,#64748b);flex-shrink:0}.company-updated{font-size:10px;color:var(--text-tertiary,#94a3b8);margin-top:2px}.moat-score{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 16px;margin:0 12px;background:var(--bg-secondary,#f8fafc);border-radius:8px}.moat-label{font-size:11px;color:var(--text-secondary,#64748b);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.moat-value{display:flex;align-items:center;gap:10px;width:100%;justify-content:center}.moat-bar{flex:1;max-width:120px;height:10px;background:var(--border-color,#e2e8f0);border-radius:5px;overflow:hidden}.moat-fill{height:100%;background:linear-gradient(90deg,#ef4444,#f59e0b,#10b981);transition:width .5s ease;border-radius:5px}.moat-number{font-size:15px;font-weight:700;color:var(--text-primary,#1e293b);flex-shrink:0}.price-info{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:center}.price-item{display:flex;flex-direction:column;align-items:center;padding:8px 6px;border-radius:8px;transition:background-color .2s ease}.price-item.fair-value-highlight{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.25)}.price-item.fair-value-highlight .price-value{color:var(--success-color,#16a34a);font-weight:700}.price-item.fair-value-warning{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2)}.price-item.fair-value-warning .price-value{color:var(--danger-color,#dc2626);font-weight:700}.price-label{font-size:9px;color:var(--text-secondary,#64748b);text-transform:uppercase;margin-bottom:2px;letter-spacing:.4px}.price-value{font-size:14px;font-weight:600;color:var(--text-primary,#1e293b)}.factor-grades-section{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:10px;margin-top:auto;border-top:1px solid var(--border-color,#e2e8f0);overflow:hidden}.factor-grade-item{display:flex;align-items:center;gap:4px;flex-shrink:0}.factor-label{font-size:10px;color:var(--text-secondary,#64748b);font-weight:600;white-space:nowrap}.factor-grade-box{padding:3px 8px;border-radius:5px;font-size:10px;font-weight:700;min-width:45px;text-align:center}.factor-grade-box.grade-a{background:rgba(34,197,94,.15);color:#22c55e}.factor-grade-box.grade-b{background:rgba(132,204,22,.15);color:#84cc16}.factor-grade-box.grade-c{background:rgba(234,179,8,.15);color:#ca8a04}.factor-grade-box.grade-d,.factor-grade-box.grade-e,.factor-grade-box.grade-f{background:rgba(239,68,68,.15);color:#ef4444}.factor-grade-box.grade-na{background:rgba(148,163,184,.15);color:#64748b}.upside-downside{padding:10px 14px;background:var(--bg-secondary,#f8fafc);border-radius:0 0 10px 10px;text-align:center;margin-top:auto;border-top:1px solid var(--border-color,#e2e8f0)}.upside-label{font-size:9px;color:var(--text-secondary,#64748b);margin-bottom:3px;text-transform:uppercase;letter-spacing:.4px}.upside-value{font-size:18px;font-weight:700}.upside-value.positive{color:var(--success-color,#22c55e)}.upside-value.negative{color:var(--danger-color,#ef4444)}body.dark-mode .company-card{background:var(--bg-primary,#1e293b);border-color:#334155;box-shadow:0 4px 12px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.4),0 1px 3px rgba(0,0,0,.3)}body.dark-mode .company-card:hover{background:#1e2d45;border-color:rgba(129,140,248,.5)}body.dark-mode .company-name,body.dark-mode .moat-number,body.dark-mode .price-value{color:#f1f5f9}body.dark-mode .company-ticker{color:#60a5fa}body.dark-mode .factor-label,body.dark-mode .moat-label,body.dark-mode .price-label,body.dark-mode .upside-label{color:#94a3b8}body.dark-mode .company-updated{color:#64748b}body.dark-mode .moat-bar,body.dark-mode .upside-downside{background:#334155}body.dark-mode .factor-grades-section,body.dark-mode .upside-downside{border-color:#475569}.moat-scale{display:none}.company-card.row-view{height:auto;min-height:auto;flex-direction:row;align-items:center;padding:0}.company-card.row-view:hover:before{height:100%;width:4px;right:auto}.company-card.row-view .card-content{flex-direction:row;align-items:center;padding:16px 20px;gap:24px;flex:1}.company-card.row-view .card-header{min-width:280px;max-width:280px;min-height:auto}.company-card.row-view .company-logo{width:48px;height:48px;padding:0;margin-right:12px}.company-card.row-view .company-name{font-size:14px;-webkit-line-clamp:1;max-height:1.3em}.company-card.row-view .company-ticker{font-size:13px}.company-card.row-view .company-updated{font-size:10px}.company-card.row-view .moat-score{min-width:180px;flex-shrink:0}.company-card.row-view .moat-bar{max-width:80px}.company-card.row-view .price-info{display:flex;gap:20px;min-width:200px;flex-shrink:0}.company-card.row-view .price-item{flex-direction:column}.company-card.row-view .price-label{font-size:10px;margin-bottom:2px}.company-card.row-view .price-value{font-size:15px}.company-card.row-view .factor-grades-section{border-top:none;padding:0;margin-top:0;min-width:170px;flex-shrink:0}.company-card.row-view .factor-grade-box{padding:3px 8px;font-size:11px;min-width:55px}.company-card.row-view .factor-label{font-size:11px}.company-card.row-view .upside-downside{border-radius:0 10px 10px 0;padding:12px 20px;min-width:130px;border-top:none;border-left:1px solid var(--border-color,#e2e8f0);display:flex;flex-direction:column;align-items:center;justify-content:center}.company-card.row-view .upside-label{font-size:10px;margin-bottom:4px}.company-card.row-view .upside-value{font-size:20px}@media (max-width:1200px){.company-card.row-view .card-header{min-width:220px;max-width:220px}.company-card.row-view .moat-score{min-width:150px}.company-card.row-view .price-info{min-width:170px}.company-card.row-view .factor-grades-section{min-width:150px}}@media (max-width:1024px){.company-card.row-view .card-content{flex-wrap:wrap;gap:16px}.company-card.row-view .card-header{min-width:200px;max-width:none;flex:1 1 200px}.company-card.row-view .factor-grades-section,.company-card.row-view .moat-score,.company-card.row-view .price-info{min-width:auto;flex:1 1 150px}}@media (max-width:768px){.company-card{height:auto;min-height:280px}.card-content{padding:12px 10px 10px}.company-logo{width:40px;height:40px}.moat-score{margin:0 4px;padding:8px 10px}.factor-grade-box{min-width:36px;padding:3px 6px}.company-card.row-view{flex-direction:column}.company-card.row-view .card-content{flex-direction:column;align-items:stretch}.company-card.row-view .card-header{max-width:none}.company-card.row-view .upside-downside{border-radius:0 0 10px 10px;border-left:none;border-top:1px solid var(--border-color,#e2e8f0)}}