:root {
--fcs-green: #0F6E56;
--fcs-green-bg: #E1F5EE;
--fcs-yellow: #854F0B;
--fcs-yellow-bg: #FAEEDA;
--fcs-yellow-dot: #BA7517;
--fcs-red: #A32D2D;
--fcs-red-bg: #FCEBEB;
--fcs-gray: #B4B2A9;
--fcs-border: #ECEAE2;
--fcs-muted: #888780;
--fcs-text: #2C2C2A;
--fcs-navy: #0C447C;
--fcs-radius-md: 8px;
--fcs-radius-lg: 12px;
}
.fcs-notice {
background: #FFF8E1;
border-left: 3px solid var(--fcs-yellow-dot);
padding: 10px 16px;
font-size: 13px;
color: var(--fcs-muted);
}
.fcs-muted { color: var(--fcs-muted); } .fcs-hero {
display: flex;
gap: 20px;
align-items: flex-start;
flex-wrap: wrap;
}
.fcs-hero-logo {
width: 72px;
height: 72px;
border-radius: var(--fcs-radius-lg);
overflow: hidden;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255,255,255,0.1);
}
.fcs-hero-logo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.fcs-hero-initials {
font-size: 1.6rem;
font-weight: 700;
}
.fcs-hero-info {
flex: 1;
min-width: 200px;
}
.fcs-hero-name {
margin: 0 0 4px;
}
.fcs-hero-name-en {
opacity: 0.8;
margin-bottom: 12px;
}
.fcs-hero-tags {
display: flex;
gap: 8px;
flex-wrap: wrap;
align-items: center;
margin-top: 10px;
}
.fcs-tag {
display: inline-block;
padding: 4px 10px;
border-radius: 100px;
font-size: 0.78rem;
font-weight: 500;
background: rgba(255,255,255,0.12);
}
.fcs-tag--sector {
font-weight: 600;
}
.fcs-tag--mse {
background: var(--fcs-green-bg);
color: var(--fcs-green);
} .fcs-status-pill {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 3px 11px;
border-radius: var(--fcs-radius-md);
font-size: 0.78rem;
font-weight: 600;
}
.fcs-status-pill--active     { background: var(--fcs-green-bg);  color: var(--fcs-green); }
.fcs-status-pill--suspended  { background: var(--fcs-yellow-bg); color: var(--fcs-yellow); }
.fcs-status-pill--revoked    { background: var(--fcs-red-bg);    color: var(--fcs-red); }
.fcs-status-pill--unverified { background: var(--fcs-border);    color: var(--fcs-muted); }
.fcs-status-pill--unknown    { background: var(--fcs-border);    color: var(--fcs-muted); } .fcs-dot {
display: inline-block;
width: 9px;
height: 9px;
border-radius: 50%;
flex-shrink: 0;
}
.fcs-dot--active     { background: var(--fcs-green); }
.fcs-dot--suspended  { background: var(--fcs-yellow-dot); }
.fcs-dot--revoked    { background: var(--fcs-red); }
.fcs-dot--unverified { background: var(--fcs-gray); }
.fcs-dot--unknown    { background: var(--fcs-gray); } .fcs-status-card {
display: flex;
flex-direction: column;
gap: 2px;
}
.fcs-status-card-note {
margin-bottom: 8px;
font-size: 0.85rem;
line-height: 1.5;
}
.fcs-license-row {
display: flex;
align-items: center;
gap: 8px;
font-size: 0.9rem;
margin-bottom: 2px;
}
.fcs-license-type {
flex: 1;
}
.fcs-license-status {
font-size: 0.78rem;
opacity: 0.8;
}
.fcs-license-date {
font-size: 0.75rem;
opacity: 0.7;
margin: 0 0 8px 17px;
} .fcs-overview-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
margin-bottom: 14px;
}
@media (max-width: 600px) {
.fcs-overview-grid { grid-template-columns: 1fr; }
}
.fcs-overview-item {
display: flex;
flex-direction: column;
gap: 4px;
padding: 10px 14px;
background: var(--fcs-bg, #F7F6F2);
border-radius: var(--fcs-radius-md);
}
.fcs-overview-label {
font-size: 0.72rem;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--fcs-muted);
}
.fcs-overview-value {
font-size: 0.92rem;
font-weight: 500;
}
.fcs-overview-description {
line-height: 1.6;
} .fcs-timeline {
border-left: 2px solid var(--fcs-border);
margin-left: 5px;
padding-left: 24px;
display: flex;
flex-direction: column;
gap: 22px;
}
.fcs-timeline-item {
position: relative;
}
.fcs-timeline-item .fcs-dot {
position: absolute;
left: -29px;
top: 5px;
width: 12px;
height: 12px;
border: 2px solid #fff;
}
.fcs-timeline-header {
display: flex;
gap: 12px;
align-items: baseline;
flex-wrap: wrap;
margin-bottom: 4px;
}
.fcs-timeline-date {
font-size: 0.85rem;
color: var(--fcs-muted);
font-weight: 600;
}
.fcs-timeline-number {
font-size: 0.85rem;
color: var(--fcs-muted);
}
.fcs-timeline-title {
font-weight: 600;
margin-bottom: 4px;
line-height: 1.4;
}
.fcs-timeline-detail {
font-size: 0.9rem;
color: var(--fcs-muted);
line-height: 1.5;
margin-bottom: 6px;
}
.fcs-timeline-pdf {
font-size: 0.85rem;
font-weight: 600;
color: var(--fcs-navy);
text-decoration: none;
}
.fcs-timeline-pdf:hover {
text-decoration: underline;
} .fcs-similar-list {
display: flex;
flex-direction: column;
gap: 10px;
}
.fcs-similar-item {
display: flex;
align-items: center;
gap: 10px;
text-decoration: none;
color: inherit;
}
.fcs-similar-item:hover .fcs-similar-name {
text-decoration: underline;
}
.fcs-similar-logo {
width: 32px;
height: 32px;
border-radius: var(--fcs-radius-md);
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 0.7rem;
flex-shrink: 0;
}
.fcs-similar-name {
display: block;
font-size: 0.85rem;
font-weight: 500;
}
.fcs-similar-sector {
display: block;
font-size: 0.74rem;
color: var(--fcs-muted);
} .fcs-mse-widget {
background: #042C53;
color: #fff;
padding: 16px 18px;
border-radius: var(--fcs-radius-lg);
}
.fcs-mse-header {
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--fcs-green);
margin-bottom: 8px;
}
.fcs-mse-row {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 12px;
}
.fcs-mse-price {
font-size: 1.6rem;
font-weight: 600;
letter-spacing: -0.01em;
}
.fcs-mse-cap {
font-size: 0.78rem;
opacity: 0.75;
margin-top: 4px;
}
.fcs-mse-ticker {
font-size: 0.78rem;
text-align: right;
opacity: 0.8;
}
.fcs-mse-asof {
font-size: 0.7rem;
opacity: 0.6;
margin-top: 2px;
}