.Card{display:flex;flex-direction:row;gap:.75rem;padding:1rem;background:var(--surface-raised);border:1px solid var(--border-default);border-radius:.5rem;text-decoration:none;color:inherit}.Card .content-area{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0}.Card .ceiling{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:var(--text-muted);margin-bottom:.25rem}.Card .ceiling-logo{flex-shrink:0;width:4.5rem;text-align:center}.Card .ceiling-main{flex:1;min-width:0}.Card .ceiling-right{flex-shrink:0;margin-left:auto}.Card .body{display:flex;align-items:flex-start;gap:.75rem}.Card .left{display:flex;flex-direction:column;align-items:stretch;gap:.25rem;flex-shrink:0;width:4.5rem}.Card .logo{display:flex;align-items:center;justify-content:center;height:4.5rem;border-radius:.375rem;color:var(--icon-secondary);font-size:1rem}.Card .logo:has(i){background:var(--surface-sunken)}.Card .logo img{width:100%;height:100%;object-fit:contain;border-radius:inherit}.Card .below-logo{font-size:.6875rem;color:var(--text-muted);text-align:center}.Card .middle{display:flex;flex-direction:column;flex:1;min-width:0}.Card .pre-title{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em;color:var(--text-muted);margin-bottom:.25rem}.Card .main{display:flex;align-items:center;gap:.5rem;min-width:0}.Card .icon{color:var(--icon-secondary);flex-shrink:0}.Card .title{font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Card .badge{flex-shrink:0}.Card .right{display:flex;align-items:center;align-self:stretch;flex-shrink:0}.Card .right-content{display:flex;align-items:center}.Card .chevron{display:flex;align-items:center;flex-shrink:0;color:var(--icon-muted);font-size:.75rem}.Card .subtitle{margin-top:.25rem;font-size:.875rem;font-weight:500;color:var(--text-primary);line-height:1.4}.Card .card-content{margin-top:.5rem;display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:var(--text-muted)}.Card .floor{display:flex;align-items:center;gap:.75rem;font-size:.8125rem;color:var(--text-secondary);padding-top:.75rem;margin-top:.25rem;border-top:1px solid var(--border-muted)}.Card .floor-logo{flex-shrink:0;width:4.5rem;text-align:center}.Card .floor-main{flex:1;min-width:0}.Card .floor-right{flex-shrink:0;margin-left:auto}.Card.clickable{cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.Card.clickable:hover{background:var(--surface-hover);border-color:var(--border-strong)}.Card.clickable:hover .chevron{color:var(--icon-primary)}.Card.clickable:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.Card.clickable:active{background:var(--surface-selected)}.Card.test{--test-font: 600 .6875rem/1 monospace;--test-text: #000}.Card.test .ceiling-logo{background:#a3e635;color:var(--test-text);font:var(--test-font);padding:.5rem}.Card.test .ceiling-main{background:#84cc16;color:var(--test-text);font:var(--test-font);padding:.5rem}.Card.test .ceiling-right{background:#65a30d;color:var(--test-text);font:var(--test-font);padding:.5rem}.Card.test .logo{background:#86efac;color:var(--test-text);font:var(--test-font);width:auto;height:auto;padding:1rem .5rem}.Card.test .below-logo{background:#6ee7b7;color:var(--test-text);font:var(--test-font);padding:.5rem}.Card.test .icon{background:#7dd3fc;color:var(--test-text);font:var(--test-font);padding:.5rem}.Card.test .title{background:#93c5fd;color:var(--test-text);font:var(--test-font);padding:.5rem;overflow:visible}.Card.test .badge{background:#a5b4fc;color:var(--test-text);font:var(--test-font);padding:.5rem}.Card.test .subtitle{background:#c4b5fd;color:var(--test-text);font:var(--test-font);padding:.5rem}.Card.test .card-content{background:#d8b4fe;color:var(--test-text);font:var(--test-font);padding:1rem .5rem}.Card.test .right-content{background:#f9a8d4;color:var(--test-text);font:var(--test-font);padding:1rem .5rem}.Card.test .chevron{background:#1f2937;color:#fff;font:var(--test-font);padding:1rem .5rem}.Card.test .floor-logo{background:#fda4af;color:var(--test-text);font:var(--test-font);padding:.5rem}.Card.test .floor-main{background:#fb7185;color:var(--test-text);font:var(--test-font);padding:.5rem}.Card.test .floor-right{background:#f43f5e;color:var(--test-text);font:var(--test-font);padding:.5rem}
