.mb-ipo-plugin-root { }
.ipo-top-bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; flex-wrap: wrap; gap: 10px; }
.ipo-list-title { font-size: 20px; font-weight: 700; color: #004d71; margin: 0; }
.ipo-controls { display: flex; gap: 10px; }
.ipo-year-select { padding: 8px 12px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; background: #fff; }
.ipo-export-btn { padding: 8px 15px; background: #28a745; color: #fff; text-decoration: none; border-radius: 4px; font-size: 14px; display: inline-flex; align-items: center; gap: 5px; transition: background 0.2s; }
.ipo-export-btn:hover { background: #218838; color: #fff; }
.ipo-table-scroll { overflow-x: auto; border: 1px solid #e0e0e0; border-radius: 4px; background: #fff; }
.ipo-table { width: 100%; min-width: 900px; border-collapse: collapse; }
.ipo-table th { background: #f9f9f9; padding: 12px 10px; text-align: left; vertical-align: top; border-bottom: 2px solid #eee; border-right: 1px solid #eee; }
.ipo-sort-header { cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: #333; font-weight: 700; font-size: 13px; margin-bottom: 8px; user-select: none; }
.ipo-sort-header:hover { color: #0073aa; }
.ipo-sort-icon { font-size: 10px; color: #999; display: flex; flex-direction: column; line-height: 0.8; margin-left: 5px; }
.ipo-sort-icon.asc .up { color: #0073aa; } .ipo-sort-icon.desc .down { color: #0073aa; }
.ipo-filter-input { width: 100%; padding: 6px 8px; border: 1px solid #ddd; border-radius: 3px; font-size: 12px; box-sizing: border-box; background: #fff; }
.ipo-filter-input:focus { border-color: #0073aa; outline: none; }
.ipo-table td { padding: 12px 10px; border-bottom: 1px solid #eee; border-right: 1px solid #f5f5f5; color: #333; font-size: 13px; vertical-align: middle; }
.ipo-table tr:hover td { background: #fdfdfd; }
.mb-ipo-plugin-root span.ipo-badge, .mb-ipo-plugin-root span.ipo-s-badge { font-size: 11px !important; padding: 4px 8px !important; border-radius: 4px !important; color: #fff !important; background-color: #555 !important; text-transform: uppercase !important; margin-left: 8px !important; font-weight: 800 !important; display: inline-block !important; line-height: 1 !important; }
.mb-ipo-plugin-root span.ipo-badge.Live, .mb-ipo-plugin-root span.ipo-s-badge.Live { background-color: #28a745 !important; }
.mb-ipo-plugin-root span.ipo-badge.Opening-Today, .mb-ipo-plugin-root span.ipo-s-badge.Opening-Today { background-color: #00c4cc !important; }
.mb-ipo-plugin-root span.ipo-badge.Closing-Today, .mb-ipo-plugin-root span.ipo-s-badge.Closing-Today { background-color: #e63946 !important; }
.mb-ipo-plugin-root span.ipo-badge.Upcoming, .mb-ipo-plugin-root span.ipo-s-badge.Upcoming { background-color: #007bff !important; }
.mb-ipo-plugin-root span.ipo-badge.Allotted, .mb-ipo-plugin-root span.ipo-s-badge.Allotted { background-color: #fd7e14 !important; }
.mb-ipo-plugin-root span.ipo-badge.Listing-Today, .mb-ipo-plugin-root span.ipo-s-badge.Listing-Today { background-color: #6f42c1 !important; }
.mb-ipo-plugin-root span.ipo-badge.Closed, .mb-ipo-plugin-root span.ipo-s-badge.Closed { background-color: #6c757d !important; }
.mb-ipo-plugin-root span.ipo-badge.Allotment-Today, .mb-ipo-plugin-root span.ipo-s-badge.Allotment-Today { background-color: #ffc107 !important; color: #212529 !important; }
.mb-ipo-plugin-root .ipo-name a { font-weight: 600; color: #0073aa; text-decoration: none; }
.mb-ipo-plugin-root .ipo-comp-flex { display: flex; align-items: center; gap: 10px; }
.mb-ipo-plugin-root .ipo-checkbox-wrap { position: relative; display: inline-block; width: 20px; height: 20px; cursor: pointer; }
.mb-ipo-plugin-root .ipo-checkbox-wrap input { opacity: 0; width: 0; height: 0; }
.mb-ipo-plugin-root .ipo-checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; }
.mb-ipo-plugin-root .ipo-checkbox-wrap input:checked ~ .ipo-checkmark { background-color: #0073aa; border-color: #0073aa; }
.mb-ipo-plugin-root .ipo-checkbox-wrap input:checked ~ .ipo-checkmark:after { display: block; content: ""; position: absolute; left: 7px; top: 3px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); }
#ipo-status-compare-bar { position: fixed; bottom: -150px; left: 0; right: 0; background: #fff; border-top: 4px solid #0073aa; padding: 15px; z-index: 999999; box-shadow: 0 -4px 20px rgba(0,0,0,0.15); display: flex; justify-content: center; gap: 30px; align-items: center; transition: bottom 0.3s; }
#ipo-status-compare-bar.active { bottom: 0; }
.ipo-sel-item { text-align: center; opacity: 0.5; font-size:14px; font-weight:600; color:#333; } 
.ipo-sel-item.filled { opacity: 1; color:#000; }
.ipo-float-btn { background: #0073aa; color: #fff; padding: 10px 24px; border-radius: 4px; text-decoration: none; font-size: 14px; font-weight: 700; text-transform: uppercase; }
.ipo-lot-wrapper { margin-bottom: 10px;   background: #ffffff; border-radius: 8px;  border: 1px solid #dddddd;}
.mb-ipo-plugin-root .ipo-commentary {  line-height: 1.6; color: #000000; margin-bottom: 10px; padding:3px; }
.mb-ipo-plugin-root .ipo-lot-table { width: 100%; border-collapse: collapse; background: #fff; border: 1px solid #eee; }
.mb-ipo-plugin-root .ipo-lot-header { background: #fff; text-align: center; padding: 15px; border-bottom: 1px solid #eee; }
.mb-ipo-plugin-root .ipo-lot-title { color: #3f0e6e; font-weight: 700; font-size: 16px; margin: 0; }
.mb-ipo-plugin-root .ipo-lot-table th { background: #eaeaea; color: #a51c44; font-weight: 800; padding: 12px; text-align: center; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; font-size: 14px; }
.mb-ipo-plugin-root .ipo-lot-table td { padding: 12px; text-align: center; border-bottom: 1px solid #eee; border-right: 1px solid #eee; font-size: 14px; color: #333; }
.mb-ipo-plugin-root .ipo-lot-table tr:nth-child(even) { background-color: #f9f9f9; }
.mb-ipo-plugin-root .ipo-lot-table tr:hover { background-color: #f1f1f1; } .ipo-lot-table-container { overflow: visible !important; } .ipo-lot-table td .ipo-tooltip-content { font-weight: 500; text-transform: none; text-align: left;}
.mb-ipo-plugin-root .ipo-comp-wrapper { max-width: 1200px; margin: 0 auto; }
.mb-ipo-plugin-root .ipo-search-bar { display: flex; gap: 20px; background: #f8f9fa; padding: 30px; border-radius: 12px; margin-bottom: 30px; border: 1px solid #eee; flex-wrap: wrap; }
.mb-ipo-plugin-root .ipo-input-group { flex: 1; min-width: 250px; position: relative; }
.mb-ipo-plugin-root .ipo-input { width: 100%; padding: 14px 16px; border: 1px solid #ccc; border-radius: 6px; font-size: 16px; outline:none; box-sizing: border-box; }
.mb-ipo-plugin-root .ipo-btn { background: #d32f2f; color: #fff; border: none; padding: 0 40px; height: 50px; border-radius: 6px; font-weight: 700; font-size: 16px; cursor: pointer; text-transform: uppercase; margin-top: 25px; }
.mb-ipo-plugin-root .ipo-results { display: none; position: absolute; top: 100%; left: 0; right: 0; background: #fff; border: 1px solid #ddd; z-index: 100; max-height: 300px; overflow-y: auto; margin-top: 5px; list-style:none; padding:0; }
.mb-ipo-plugin-root .ipo-results li { padding: 12px 16px; cursor: pointer; border-bottom: 1px solid #f1f1f1; display: flex; align-items: center; gap: 12px; margin:0; }
.mb-ipo-plugin-root .ipo-results li:hover { background: #f8f9fa; }
.mb-ipo-plugin-root .ipo-mobile-header { display: none; }
@media (max-width: 768px) {
.mb-ipo-plugin-root .ipo-search-bar { flex-direction: column; padding: 20px; }
.mb-ipo-plugin-root .ipo-btn { width: 100%; margin-top: 10px; }
.mb-ipo-plugin-root .ipo-compare-table thead { display: none; }
.mb-ipo-plugin-root .ipo-compare-table, .mb-ipo-plugin-root .ipo-compare-table tbody { display: block; width: 100%; }
.mb-ipo-plugin-root .ipo-mobile-header { display: flex; position: sticky; top: 0; z-index: 90; background: #fff; border-bottom: 3px solid #0073aa; }
.mb-ipo-plugin-root .ipo-m-col { padding: 12px 5px; font-size: 13px; font-weight: 700; text-align: center; border-right: 1px solid #eee; overflow: hidden; white-space: nowrap; color: #0073aa; flex: 1; }
.mb-ipo-plugin-root .ipo-data-row { display: flex; flex-wrap: wrap; border-bottom: 1px solid #eee; }
.mb-ipo-plugin-root .feat-col { width: 100%; background: #f8f9fa; font-weight: 700; padding: 10px; text-align: center; color: #555; font-size: 13px; text-transform: uppercase; }
.mb-ipo-plugin-root .val-col { width: 50% !important; padding: 15px 10px; text-align: center; border-right: 1px solid #eee; font-size: 14px; }
.mb-ipo-plugin-root .val-col:last-child { border-right: none; }
}
.mb-ipo-plugin-root .ipo-latest-container { max-width: 800px; margin: 20px auto; font-family: inherit; }
.mb-ipo-plugin-root .ipo-latest-card {
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 10px;
padding: 15px;
margin-bottom: 12px;
display: flex;
align-items: center;
justify-content: space-between;
box-shadow: 0 2px 4px rgba(0,0,0,0.02);
transition: transform 0.2s, box-shadow 0.2s;
}
.mb-ipo-plugin-root .ipo-latest-card:hover {
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
border-color: #d1d5db;
transform: translateY(-1px);
}
.mb-ipo-plugin-root .ipo-latest-main { display: flex; align-items: center; gap: 15px; flex: 1; min-width: 0; }
.mb-ipo-plugin-root .ipo-latest-logo-wrap {
width: 48px; height: 48px; flex-shrink: 0;
background: #fff; border: 1px solid #f3f4f6; border-radius: 50%;
display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 3px;
}
.mb-ipo-plugin-root .ipo-latest-logo { width: 100%; height: 100%; object-fit: contain; border-radius: 50%; }
.mb-ipo-plugin-root .ipo-latest-placeholder { color: #9ca3af; font-size: 24px; }
.mb-ipo-plugin-root .ipo-latest-info { flex: 1; min-width: 0; }
.mb-ipo-plugin-root .ipo-latest-title-row { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 4px; }
.mb-ipo-plugin-root .ipo-latest-title {
font-size: 16px; font-weight: 700; color: #1f2937; text-decoration: none;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;
}
.mb-ipo-plugin-root .ipo-latest-meta { font-size: 13px; color: #6b7280; display: flex; gap: 10px; }
.mb-ipo-plugin-root .ipo-meta-item { display: flex; align-items: center; gap: 4px; }
.mb-ipo-plugin-root .ipo-latest-action { margin-left: 15px; flex-shrink: 0; }
.mb-ipo-plugin-root .ipo-view-btn {
padding: 6px 12px; background: #f3f4f6; color: #4b5563;border-radius: 6px; text-decoration: none; font-size: 13px; font-weight: 600; transition: all 0.2s;
}
.mb-ipo-plugin-root .ipo-view-btn:hover { background: #e5e7eb; color: #1f2937; }
.mb-ipo-plugin-root .ipo-latest-title-row .ipo-badge { margin-left: 0 !important; font-size: 10px !important; padding: 3px 6px !important; }
@media (max-width: 600px) {
.mb-ipo-plugin-root .ipo-latest-card { flex-direction: column; align-items: flex-start; gap: 12px; }
.mb-ipo-plugin-root .ipo-latest-main { width: 100%; }
.mb-ipo-plugin-root .ipo-latest-action { margin-left: 0; width: 100%; }
.mb-ipo-plugin-root .ipo-view-btn { display: block; text-align: center; width: 100%; }
}
.ipo-std-btn {
display: inline-block;
padding: 8px 16px;
background-color: #0073aa;
color: #fff;
text-decoration: none;
border-radius: 4px;
font-size: 14px;
font-weight: 600;
}
.ipo-std-btn:hover {
background-color: #005177;
color: #fff;
}
.ipo-data.loading { display: inline-block; min-width: 20px; min-height: 1em; background: rgba(0,0,0,0.05); border-radius: 3px; animation: ipo-pulse 1.5s infinite; }
.ipo-data.loaded { background: transparent; animation: none; }
@keyframes ipo-pulse { 0% { opacity: 0.6; } 50% { opacity: 1; } 100% { opacity: 0.6; } } .ipo-app-calc-widget { font-family: inherit; margin: 20px 0; }
.ipo-app-calc-widget .calc-container { width: 100%; max-width: 100%; }
.ipo-app-calc-widget .calc-main-panel { background-color: #fff2e6; border-radius: 1rem; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); padding: 1.5rem; margin-bottom: 1.5rem; }
.ipo-app-calc-widget .calc-title { text-align: center; color: #4338ca; font-size: 20px; font-weight: bold; margin-bottom: 1.5rem; border: none; padding: 0; }
.ipo-app-calc-widget .calc-form-group { display: flex; flex-direction: column; gap: 1.25rem; }
.ipo-app-calc-widget .calc-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.ipo-app-calc-widget label { display: block; margin-bottom: 0.25rem; font-weight: 500; color: #374151; }
.ipo-app-calc-widget input, .ipo-app-calc-widget select { width: 100%; padding: 0.75rem; border: 1px solid #d1d5db; border-radius: 0.5rem; background-color: #fff; box-sizing: border-box; }
.ipo-app-calc-widget input[readonly] { background-color: #f3f4f6; }
.ipo-app-calc-widget .calc-action-btn { width: 100%; background-color: #4f46e5; color: #ffffff; padding: 0.75rem 1rem; border: none; border-radius: 0.5rem; font-weight: 600; font-size: 1.125rem; cursor: pointer; transition: background-color 0.2s; margin-top: 10px; }
.ipo-app-calc-widget .calc-action-btn:hover { background-color: #4338ca; }
.ipo-app-calc-widget .calc-msg-box { margin-top: 1rem; padding: 1rem; border-radius: 0.5rem; background-color: #fee2e2; color: #b91c1c; border: 1px solid #fca5a5; text-align: center; }
.ipo-app-calc-widget .calc-res-box { margin-top: 1.5rem; }
.ipo-app-calc-widget .res-title { font-size: 1.25rem; font-weight: 600; color: #1f2937; text-align: center; border-bottom: 1px solid #e5e7eb; padding-bottom: 0.75rem; margin-bottom: 1rem; }
.ipo-app-calc-widget .text-center { text-align: center; }
.ipo-app-calc-widget .stat-box { background-color: #f9fafb; padding: 1rem; border-radius: 0.5rem; }
.ipo-app-calc-widget .stat-label { display: block; font-size: 0.875rem; font-weight: 500; color: #6b7280; }
.ipo-app-calc-widget .stat-val { display: block; font-size: 1.875rem; font-weight: 700; color: #4f46e5; }
.ipo-app-calc-widget .fin-box-group { margin-top: 1.25rem; display: flex; flex-direction: column; gap: 0.75rem; }
.ipo-app-calc-widget .fin-box { padding: 1rem; border-radius: 0.5rem; text-align: center; }
.ipo-app-calc-widget .fin-box.success { background-color: #f0fdf4; border: 1px solid #bbf7d0; }
.ipo-app-calc-widget .fin-box.warning { background-color: #fefce8; border: 1px solid #fde68a; }
.ipo-app-calc-widget .fin-box.success .fin-label { color: #166534; }
.ipo-app-calc-widget .fin-box.success .fin-val { color: #15803d; font-size: 1.5rem; font-weight: 700; display: block; }
.ipo-app-calc-widget .fin-box.warning .fin-label { color: #854d0e; }
.ipo-app-calc-widget .fin-box.warning .fin-val { color: #a16207; font-size: 1.125rem; font-weight: 500; display: block; }
.ipo-app-calc-widget .calc-info-panel { background-color: #f2e6ff; border-radius: 1rem; box-shadow: 2px 20px 25px -5px rgba(59, 80, 244, 0.81), 0 10px 10px -5px #ff00c4; padding: 2rem; margin-top: 1.5rem; }
.ipo-app-calc-widget .calc-info-panel h3 { margin-bottom: 0.75rem; color: #4338ca; font-size: 1.25rem; font-weight: 700; border: none; padding: 0;}
.ipo-app-calc-widget .calc-info-panel ul { list-style: disc; padding-left: 1.5rem; color: #1f2937; margin: 0; }
.ipo-app-calc-widget .calc-info-panel li { margin-bottom: 0.5rem; } .ipo-profit-calc-widget { font-family: inherit; margin: 30px 0; }
.ipo-profit-calc-widget .profit-container { background-color: #e1e6ff; padding: 25px 20px; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); width: 100%; text-align: center; box-sizing: border-box; }
.ipo-profit-calc-widget .profit-title { color: #0066ff; margin-bottom: 10px; font-size: 24px; font-weight: 700; border: none; padding: 0; }
.ipo-profit-calc-widget .profit-note { margin-bottom: 20px; color: #555; font-size: 14px; }
.ipo-profit-calc-widget .profit-inputs-panel { background-color: #f7f8fa; border: 1px solid #dddfe2; padding: 20px; border-radius: 8px; margin-bottom: 20px; text-align: left; }
.ipo-profit-calc-widget .profit-input-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 15px; }
.ipo-profit-calc-widget .profit-input-row label { font-weight: 600; color: #333; min-width: 140px; margin: 0; }
.ipo-profit-calc-widget .profit-input-row input { width: 150px; padding: 8px; border-radius: 6px; border: 1px solid #ccd0d5; font-size: 16px; }
.ipo-profit-calc-widget .profit-divider { border: none; border-top: 1px solid #dddfe2; margin: 15px 0; }
.ipo-profit-calc-widget .profit-total-inv { margin: 5px 0; font-size: 18px; color: #000; font-weight: bold; }
.ipo-profit-calc-widget .profit-action-group { margin-bottom: 25px; text-align: left; }
.ipo-profit-calc-widget .profit-action-group label { display: block; margin-bottom: 8px; font-weight: 600; color: #4b4f56; }
.ipo-profit-calc-widget .profit-action-group input { width: 100%; padding: 12px; border-radius: 6px; border: 1px solid #ccd0d5; font-size: 16px; box-sizing: border-box; }
.ipo-profit-calc-widget .btn-primary { width: 100%; padding: 12px; background-color: #007bff; color: white; border: none; border-radius: 6px; font-size: 16px; font-weight: bold; cursor: pointer; margin-top: 15px; transition: background-color 0.2s; }
.ipo-profit-calc-widget .btn-primary:hover { background-color: #0056b3; }
.ipo-profit-calc-widget .btn-success { width: 100%; padding: 12px; background-color: #28a745; color: white; border: none; border-radius: 6px; font-size: 16px; font-weight: bold; cursor: pointer; margin-top: 15px; transition: background-color 0.2s; }
.ipo-profit-calc-widget .btn-success:hover { background-color: #218838; }
.ipo-profit-calc-widget .profit-res-box { background-color: #e9f5ff; border-left: 5px solid #007bff; padding: 20px; border-radius: 8px; margin-top: 20px; }
.ipo-profit-calc-widget .profit-res-box h3 { margin: 0 0 10px 0; color: #333; font-size: 18px; border: none; padding: 0; }
.ipo-profit-calc-widget .res-pl { font-size: 24px; font-weight: 700; margin: 0 0 20px 0; }
.ipo-profit-calc-widget .res-pct { font-size: 22px; font-weight: 700; margin: 0; } .ipo-tooltip-wrapper {
display: inline-flex;
align-items: center;
position: relative;
gap: 6px;
cursor: help;
} .ipo-info-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 15px !important;
height: 15px !important;
min-width: 15px !important;  
min-height: 15px !important; 
flex-shrink: 0 !important;   
border-radius: 50% !important;
background-color: #8c98a9 !important;
font-size: 11px !important;
font-weight: bold !important;
font-family: Georgia, serif !important;
font-style: italic !important;
text-decoration: none !important;
line-height: 1 !important;
box-shadow: none !important;
box-sizing: border-box !important;
}
.ipo-tooltip-content {
visibility: hidden;
opacity: 0;
position: absolute;
bottom: calc(100% + 10px); left: -10px; 
transform: none; 
background-color: #ffffff;
color: #1e293b !important;
text-align: left; padding: 12px 16px;
border-radius: 6px;
border: 1px solid #e2e8f0;
box-shadow: 0 10px 25px -5px rgba(0,0,0,0.15), 0 8px 10px -6px rgba(0,0,0,0.1);
width: max-content;
max-width: 220px;
font-size: 13px;
font-weight: 500;
line-height: 1.5;
z-index: 99999 !important; transition: opacity 0.2s ease, visibility 0.2s ease;
pointer-events: none; 
white-space: normal;
} .ipo-tooltip-content::after, .ipo-tooltip-content::before {
content: "";
position: absolute;
top: 100%;
border-style: solid;
}
.ipo-tooltip-content::after {
left: 15px; 
margin-left: 0;
border-width: 6px;
border-color: #ffffff transparent transparent transparent;
}
.ipo-tooltip-content::before {
left: 14px;
margin-left: 0;
border-width: 7px;
border-color: #e2e8f0 transparent transparent transparent;
z-index: -1;
} .ipo-tooltip-wrapper:hover .ipo-tooltip-content,
.ipo-tooltip-wrapper:active .ipo-tooltip-content {
visibility: visible;
opacity: 1;
} .ipo-details-card, .ipo-fpi-card, .ipo-anchor-card, .ipo-res-card, .ipo-fpi-table-wrap {
overflow: visible !important; 
} .ipo-details-wrapper { margin-bottom: 10px; }
.ipo-details-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 10px; }
.ipo-details-card { 
background: #ffffff; 
border-radius: 12px; 
border: 1px solid #dddddd; 
box-shadow: 0 10px 25px rgba(0,0,0,0.05); 
overflow: visible; 
height: fit-content; 
transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; } .ipo-details-card:hover {
transform: translateY(-4px);
box-shadow: 0 15px 35px rgba(0,0,0,0.08);
border-color: #dddddd;
}
.ipo-card-header { background: #fcfdfe; padding: 18px 20px; font-size: 17px; font-weight: 700; color: #900c3f; border-bottom: 1px solid #f1f4f8; margin: 0; }
.ipo-header-flex { display: flex; justify-content: space-between; align-items: center; }
.ipo-status-badge { font-size: 11px; padding: 5px 10px; border-radius: 5px; color: #fff; text-transform: uppercase; font-weight: 800; letter-spacing: 0.5px; line-height: 1; }
.ipo-status-badge.Live { background-color: #28a745; }
.ipo-status-badge.Opening-Today { background-color: #00c4cc; }
.ipo-status-badge.Closing-Today { background-color: #e63946; }
.ipo-status-badge.Upcoming { background-color: #007bff; }
.ipo-status-badge.Allotted { background-color: #fd7e14; }
.ipo-status-badge.Listing-Today { background-color: #6f42c1; }
.ipo-status-badge.Closed { background-color: #6c757d; }
.ipo-status-badge.Allotment-Today { background-color: #ffc107; color: #212529; }
.ipo-card-body { padding: 10px 20px; } .ipo-card-summary {
padding: 15px 20px;
font-size: 15px;
color: #000000;
line-height: 1.6;
border-bottom: 1px solid #f1f4f8;
background: #fff;
}
.ipo-info-row { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; border-bottom: 1px solid #99c2ff; gap: 10px; }
.ipo-info-row:last-child { border-bottom: none; }
.ipo-info-row span { color: #000000; font-size: 14px; }
.ipo-info-row strong { color: #2c3e50; font-size: 14px; font-weight: 600; text-align: right; }
.timetable-full { width: 100%; }
.ipo-timetable-flex { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 40px; }
@media (max-width: 850px) { .ipo-details-grid, .ipo-timetable-flex { grid-template-columns: 1fr; } .ipo-details-card { margin-bottom: 8px; } .ipo-info-row { padding: 10px 0; } .ipo-card-header { font-size: 16px; padding: 15px; } } .ipo-standalone-summary {
background: #f8fafc;
border: 1px solid #dddddd;
border-left: 4px solid #0d6efd; 
border-radius: 8px;
padding: 16px 20px;
font-size: 15px;
color: #334155;
line-height: 1.6;
margin-bottom: 10px; 
} .ipo-fpi-wrapper { margin-bottom: 10px; background: #ffffff; border-radius: 8px;  border: 1px solid #dddddd; }
.ipo-fpi-main-title { font-size: 20px; font-weight: 700; color:#900c3f; margin-bottom: 15px; border:none; padding-bottom:0;}
.ipo-fpi-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.ipo-fpi-card { 
background: #ffffff; 
border-radius: 8px; 
border: 1px solid #dddddd; 
box-shadow: 0 4px 6px rgba(0,0,0,0.02); 
overflow: hidden; 
height: fit-content; 
padding: 0px; 
transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; } .ipo-fpi-card:hover {
transform: translateY(-4px);
box-shadow: 0 10px 20px rgba(0,0,0,0.06);
border-color: #dddddd;
}
.ipo-fpi-table-wrap { overflow-x: auto; overflow-y: visible; }
.ipo-fpi-table { width: 100%; border-collapse: collapse; margin: 0; }
.ipo-fpi-table th { padding: 10px 8px; font-size: 14px; font-weight: 600; color: #495057; border-bottom: 2px solid #000000; white-space: nowrap; }
.ipo-fpi-th-val { text-align: right; }
.ipo-fpi-row { border-bottom: 1px solid #99c2ff; }
.ipo-fpi-row:last-child { border-bottom: none; }
.ipo-fpi-table td { padding: 12px 8px;  vertical-align: middle; }
.ipo-fpi-label { color: #000000; }
.ipo-fpi-val { text-align: right; color: #000000; }
.ipo-fpi-footer-text { margin-top: 15px; padding-top: 15px; border-top: 1px solid #dddddd; font-size: 14px; color: #000000; line-height: 1.5; }
@media (max-width: 850px) { .ipo-fpi-grid { grid-template-columns: 1fr; } .ipo-fpi-card { margin-bottom: 10px; } } .ipo-res-wrapper { margin-bottom: 10px;  background: #ffffff; border-radius: 8px;  border: 1px solid #dddddd; }
.ipo-res-title { font-size: 22px; font-weight: 700; color: #900c3f;; margin-bottom: 10px; padding-bottom: 0; border: none; }
.ipo-res-summary {  color: #000000; line-height: 1.6; margin-bottom: 10px; padding: 3px; }
.ipo-res-card { 
background: #ffffff; 
border-radius: 8px; 
border: 1px solid #dddddd; 
box-shadow: 0 2px 4px rgba(0,0,0,0.02); 
overflow: visible; 
transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; } .ipo-res-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 16px rgba(0,0,0,0.06);
border-color: #d1d5db;
}
.ipo-res-table-wrap { overflow-x: auto; overflow-y: visible; }
.ipo-res-table { width: 100%; border-collapse: collapse; margin: 0; }
.ipo-res-table th { padding: 14px 20px;  color: #000000; background-color: #f8f9fa; border-bottom: 2px solid #000000; white-space: nowrap; }
.ipo-res-val-col { text-align: right; }
.ipo-res-table td { padding: 10px 15px;  vertical-align: middle; border-bottom: 1px solid #f1f3f5; }
.ipo-res-row:last-child td { border-bottom: none; }
.ipo-res-row.parent .ipo-res-text { color: #000000; font-weight: 400; cursor: pointer; }
.ipo-res-row.parent .ipo-res-text:hover { text-decoration: none; }
.ipo-res-icon { display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; background: #009900; color: white; font-size: 12px; font-weight: bold; line-height: 1; margin-right: 8px; border-radius: 2px; vertical-align: middle; padding-bottom: 2px; } 
.ipo-res-row.child .ipo-res-label { padding-left: 36px; color: #000000; } 
.ipo-res-dash { margin-right: 5px; color: #adb5bd; }
.ipo-res-row.total td { font-weight: 600; color: #495057; border-top: 2px solid #000000; }
.ipo-res-val { text-align: right; color: #000000; }
@media (max-width: 600px) { .ipo-res-table th, .ipo-res-table td { padding: 10px 15px; } .ipo-res-row.child .ipo-res-label { padding-left: 20px; } } .ipo-anchor-wrapper { margin-bottom: 10px;  background: #ffffff; border-radius: 8px;  border: 1px solid #dddddd;}
.ipo-anchor-title { font-size: 22px; font-weight: 700; color: #900c3f; margin-bottom: 15px; padding-bottom: 0; border: none; }
.ipo-anchor-summary { color: #000000; line-height: 1.6; margin-bottom: 8px; }
.ipo-anchor-pdf-link { display: inline-block; font-size: 15px; color: #0d6efd; text-decoration: none; font-weight: 500; margin-bottom: 12px; }
.ipo-anchor-pdf-link:hover { text-decoration: underline; }
.ipo-anchor-card { 
background: #ffffff; 
border-radius: 8px; 
border: 1px solid #dddddd; 
overflow: visible; 
box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; } .ipo-anchor-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 16px rgba(0,0,0,0.06);
border-color: #dddddd;
}
.ipo-anchor-row { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; border-bottom: 1px solid #dee2e6; gap: 20px; }
.ipo-anchor-row:nth-child(odd) { background-color: #f8f9fa; }
.ipo-anchor-row:nth-child(even) { background-color: #ffffff; }
.ipo-anchor-row:last-child { border-bottom: none; }
.ipo-anchor-label { color: #000000;  flex: 1; }
.ipo-anchor-val { color: #000000;  text-align: right; max-width: 50%; }
@media (max-width: 600px) { .ipo-anchor-row { flex-direction: column; align-items: flex-start; gap: 8px; padding: 15px; } .ipo-anchor-val { text-align: left; max-width: 100%;  } } .ipo-shared-widget {
display: block;
width: 100%;
margin-bottom: 10px;
box-sizing: border-box;
}
.ipo-widget-card {
background-color: #dddddd;
border-radius: 12px;
padding: 24px;
width: 100%;
border: 1px solid #eef0f5;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
box-sizing: border-box;
transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; 
} .ipo-widget-card:hover {
transform: translateY(-4px); 
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
border-color: #d1d5db;
z-index: 10;
} .ipo-widget-title {
background-color: #ffffff; 
color: #900c3f;            
text-align: left;
padding: 16px;
margin: 0;
font-size: 18px;
font-weight: 700;
border-bottom: 1px solid #ccc;
}
.ipo-widget-name {
font-size: 16px;
margin-bottom: 20px;
display: block;
color: #1e293b;
}
.ipo-widget-name.link {
color: #0d6efd;
text-decoration: none;
}
.ipo-widget-name.link:hover {
text-decoration: underline;
}
.ipo-widget-row {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 8px;
font-size: 15px;
color: #334155;
}
.ipo-widget-row:last-child {
margin-bottom: 4px;
} .ipo-widget-row svg {
width: 20px;
height: 20px;
color: #64748b; 
flex-shrink: 0;
}
.ipo-widget-website-link {
color: #0d6efd;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 6px;
font-weight: 400;
}
.ipo-widget-website-link:hover {
text-decoration: underline;
}
.ipo-widget-website-link .external-icon {
width: 14px;
height: 14px;
color: #0d6efd;
} .address-registrar-card {
background-color: #dfdfdf;             
border: 1px solid #ccc;
overflow: hidden;
}
.prospectus-card {
background-color: #dfdfdf; 
padding: 0;                
border: 1px solid #ccc;
overflow: hidden;
}
.ipo-prospectus-title, .ipo-required-amount-title {
background-color: #ffffff; 
color: #900c3f;            
text-align: left;
padding: 16px;
margin: 0;
font-size: 18px;
font-weight: 700;
border-bottom: 1px solid #ccc;
}
.ipo-prospectus-list {
padding: 20px 20px 20px 45px; 
margin: 0;
font-size: 15px;
}
.ipo-prospectus-list li { margin-bottom: 12px; }
.ipo-prospectus-list li:last-child { margin-bottom: 0; }
.ipo-prospectus-list a {
text-decoration: underline;
} .ipo-menu-widget {
margin: 20px 0;
}
.ipo-nav-menu-container {
background: #f8f9fc; border-radius: 8px;
padding: 12px 16px;
border: 1px solid #eef2f7;
box-shadow: 0 2px 8px rgba(0,0,0,0.02);
}
.ipo-nav-menu-track {
display: flex;
align-items: center;
gap: 20px;
}
.ipo-nav-link {
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 6px;
white-space: nowrap;
outline: none;
}
.ipo-menu-ext-icon {
width: 14px;
height: 14px;
opacity: 0.7;
margin-bottom: 2px;
} @media (max-width: 768px) {
.ipo-nav-menu-container { overflow-x: auto;
-webkit-overflow-scrolling: touch; 
scrollbar-width: none; padding: 14px 16px;
}
.ipo-nav-menu-container::-webkit-scrollbar {
display: none; }
.ipo-nav-link {
font-size: 15px;
font-weight: 500;
transition: opacity 0.2s;
}
.ipo-nav-link.active {
color: #15803d; font-weight: 600;
}
.ipo-nav-link:active {
opacity: 0.6;
}
} @media (min-width: 769px) {
.ipo-nav-menu-container {
background: transparent;
border: none;
box-shadow: none;
padding: 0;
}
.ipo-nav-menu-track {
flex-wrap: wrap; gap: 12px;
}
.ipo-nav-link {
font-size: 14px;
font-weight: 600;
color: #4b5563;
background-color: #ffffff;
border: 1px solid #d1d5db;
padding: 10px 18px;
border-radius: 8px;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); box-shadow: 0 1px 3px rgba(0,0,0,0.05);
} .ipo-nav-link:hover {
transform: translateY(-3px);
box-shadow: 0 6px 12px rgba(0, 115, 170, 0.15);
border-color: #0073aa;
color: #0073aa;
}
.ipo-nav-link:active {
transform: translateY(0);
box-shadow: 0 2px 4px rgba(0, 115, 170, 0.1);
} .ipo-nav-link.active {
background-color: #0073aa;
color: #ffffff;
border-color: #0073aa;
box-shadow: 0 4px 10px rgba(0, 115, 170, 0.3);
}
.ipo-nav-link.active .ipo-menu-ext-icon {
color: #ffffff;
}
}  .ipo-intro-wrapper {
margin-top: 5px;
margin-bottom: 10px;
}
.ipo-intro-card {
display: flex;
gap: 25px;
align-items: flex-start;
background: #ffffff;
border: 1px solid #dddddd;
border-radius: 12px;
padding: 24px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02);
}
.ipo-intro-logo-container {
flex-shrink: 0;
width: 180px; border: 1px solid #eef2f7;
border-radius: 8px;
padding: 15px;
display: flex;
align-items: center;
justify-content: center;
background: #ffffff;
}
.ipo-intro-logo {
max-width: 100%;
height: auto;
display: block;
}
.ipo-intro-content {
flex-grow: 1;
color: #000000;
line-height: 1.65;
}
.ipo-intro-content p.ipo-intro-p {
margin-top: 0;
margin-bottom: 16px;
text-align: justify;
}
.ipo-intro-content p.ipo-intro-p:last-child {
margin-bottom: 0;
}  @media (max-width: 768px) {
.ipo-intro-card {
flex-direction: column; align-items: center;
text-align: left;
gap: 20px;
padding: 20px;
}
.ipo-intro-logo-container {
width: 200px; }
} .ipo-lm-card {
border: 1px solid #d1d5db;
border-radius: 6px;
overflow: hidden;
margin: 30px 0;
font-family: inherit;
box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.ipo-lm-title {
background-color: #ffffff;
color: #0022cc; font-size: 22px;
font-weight: 500;
padding: 16px 20px;
margin: 0;
border-bottom: 1px solid #d1d5db;
}
.ipo-lm-body {
background-color: #e5e5e5; padding: 20px 20px 20px 40px; }
.ipo-lm-list {
margin: 0;
padding: 0;
list-style-type: disc;
}
.ipo-lm-list li {
margin-bottom: 12px;
font-size: 16px;
color: #333333;
line-height: 1.5;
}
.ipo-lm-list li:last-child {
margin-bottom: 0;
}
.ipo-lm-list a {
color: #0055b3;
text-decoration: underline;
font-weight: 500;
transition: color 0.2s;
}
.ipo-lm-list a:hover {
color: #003380;
} .ipo-funding-calc-widget {
font-family: inherit;
margin: 30px 0;
}
.funding-calc-container {
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 8px;
padding: 24px;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}
.funding-title {
font-size: 20px;
font-weight: 700;
color: #1e293b;
margin: 0 0 10px 0;
padding: 0;
border: none;
}
.funding-desc {
font-size: 14px;
color: #475569;
line-height: 1.6;
margin-bottom: 24px;
} .funding-inputs-panel {
display: grid;
grid-template-columns: 1fr;
gap: 0;
border: 1px solid #e2e8f0;
border-radius: 6px;
overflow: hidden;
margin-bottom: 30px;
}
.funding-input-row {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
padding: 12px 16px;
border-bottom: 1px solid #e2e8f0;
background: #ffffff;
}
.funding-input-row:last-child {
border-bottom: none;
}
.funding-input-row.readonly {
background: #ffffff;
}
.funding-input-row label {
font-size: 14px;
font-weight: 500;
color: #334155;
margin: 0;
}
.funding-input-row label small {
color: #64748b;
font-weight: 400;
}
.funding-input-row input {
width: 100%;
padding: 10px;
border: 1px solid #cbd5e1;
border-radius: 4px;
background: #f1f5f9;
font-size: 14px;
color: #0f172a;
outline: none;
box-sizing: border-box;
}
.funding-input-row input:focus {
border-color: #3b82f6;
background: #ffffff;
}
.funding-input-row .input-val {
font-size: 14px;
color: #0f172a;
padding: 10px 0;
}
.funding-action-row {
padding: 16px;
background: #ffffff;
display: flex;
justify-content: flex-end;
}
.btn-refresh {
background: #2563eb;
color: white;
border: none;
padding: 10px 24px;
border-radius: 4px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: background 0.2s;
}
.btn-refresh:hover {
background: #1d4ed8;
} .funding-res-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
flex-wrap: wrap;
gap: 10px;
}
.funding-res-header h3 {
margin: 0;
font-size: 18px;
font-weight: 700;
color: #1e293b;
border: none;
padding: 0;
}
.btn-export-csv {
background: #475569;
color: white;
border: none;
padding: 8px 16px;
border-radius: 4px;
font-size: 13px;
font-weight: 600;
cursor: pointer;
transition: background 0.2s;
}
.btn-export-csv:hover {
background: #334155;
} .funding-table-wrap {
overflow-x: auto;
border: 1px solid #e2e8f0;
border-radius: 6px;
margin-bottom: 24px;
}
.funding-table {
width: 100%;
min-width: 800px;
border-collapse: collapse;
margin: 0;
font-size: 14px;
}
.funding-table th, .funding-table td {
padding: 12px 10px;
text-align: center;
border-bottom: 1px solid #e2e8f0;
border-right: 1px solid #f1f5f9;
}
.funding-table th:first-child, .funding-table td:first-child {
text-align: left;
font-weight: 600;
color: #334155;
background: #f8fafc;
}
.funding-table thead tr:not(.thead-row-3) th {
background: #ffffff;
font-weight: 400;
color: #475569;
}
.funding-table thead tr:not(.thead-row-3) th:first-child {
font-weight: 600;
color: #334155;
}
.funding-table .thead-row-3 th {
background: #f1f5f9;
font-weight: 600;
color: #0f172a;
}
.funding-table .cost-header {
text-align: center;
}
.funding-table tbody tr:hover td {
background: #f8fafc;
}
.funding-table tbody tr.highlight-row td {
background: #dcfce7; color: #166534;
font-weight: 500;
}
.funding-table tbody tr.highlight-row:hover td {
background: #bbf7d0;
} .funding-formula-note {
background: #f8fafc;
padding: 16px;
border-radius: 6px;
border: 1px solid #e2e8f0;
font-size: 14px;
color: #475569;
}
.funding-formula-note p {
margin: 0 0 10px 0;
}
.funding-formula-note ul {
margin: 0;
padding-left: 20px;
}
.funding-formula-note li {
margin-bottom: 6px;
} @media (min-width: 768px) {
.funding-inputs-panel {
grid-template-columns: 1fr 1fr;
}
.funding-input-row {
border-right: 1px solid #e2e8f0;
}
.funding-input-row:nth-child(even) {
border-right: none;
}
.funding-input-row:nth-last-child(-n+2) {
border-bottom: none;
}
.funding-action-row {
grid-column: span 2;
border-top: 1px solid #e2e8f0;
}
}
.ipo-container-1-intro, .ipo-container-3-peer, .ipo-container-4-subscription, .ipo-container-5-prospectus, .ipo-container-7-misc{
width: 100%;
padding: 5px 1px;
display: flex;
justify-content: center;
}
.ipo-card-1-intro, .ipo-card-3-peer, .ipo-card-4-subscription, .ipo-card-5-prospectus, .ipo-card-7-misc{
width: 100%;
max-width: 1250px;
background: #ffffff;
border-radius: 16px;
border: 1px solid #dddddd;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
overflow: hidden; 
}
.ipo-card-inner-1-intro, .ipo-card-inner-3-peer, .ipo-card-inner-4-subscription, .ipo-card-inner-5-prospectus, .ipo-card-inner-7-misc{
padding: 5px;
}
@media (max-width: 768px) {
.ipo-card-inner-1-intro, .ipo-card-inner-3-peer, .ipo-card-inner-4-subscription, .ipo-card-inner-5-prospectus, .ipo-card-inner-7-misc {
padding: 3px;
}
}
.ipo-container-2-amount{
width: 100%;
padding: 5px 1px;
display: flex;
justify-content: center;
}
.ipo-card-2-amount{
width: 100%;
max-width: 1250px;
background: #ffffff;
border-radius: 16px;
border: 1px solid #dddddd;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
overflow: hidden; 
}
.ipo-card-inner-2-amount {
padding: 5px;
}
@media (max-width: 768px) {
.ipo-card-inner-2-amount{
padding: 3px;
}
}
.ipo-container-6-table{
width: 100%;
padding: 5px 1px;
display: flex;
justify-content: center;
}
.ipo-card-6-table{
width: 100%;
max-width: 1250px;
background: #ffffff;
border-radius: 16px;
border: 1px solid #dddddd;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
overflow: hidden; 
}
.ipo-card-inner-6-table {
padding: 5px;
}
@media (max-width: 768px) {
.ipo-card-inner-6-table{
padding: 3px;
}
} .ipo-review-container-8-wrapper{
width: 100%;
padding: 5px 1px;
display: flex;
justify-content: center;
}
.ipo-review-card-8{
width: 100%;
max-width: 1250px;
background: #ffffff;
border-radius: 16px;
border: 1px solid #dddddd;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
overflow: hidden; 
}
.ipo-review-card-8-inner-1{
padding: 5px;
}
@media (max-width: 768px) {
.ipo-review-card-8-inner-1{
padding: 3px;
}
} .ipo-company-details-container-9-wrapper{
width: 100%;
padding: 5px 1px;
display: flex;
justify-content: center;
}
.ipo-company-details-card-9{
width: 100%;
max-width: 1250px;
background: #ffffff;
border-radius: 16px;
border: 1px solid #dddddd;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
overflow: hidden; 
}
.ipo-company-details-card-9-inner-1{
padding: 5px;
}
@media (max-width: 768px) {
.ipo-company-details-card-9-inner-1{
padding: 3px;
}
} .ipo-objects-of-the-issue-container-10-wrapper{
width: 100%;
padding: 5px 1px;
display: flex;
justify-content: center;
}
.ipo-objects-of-the-issue-card-10{
width: 100%;
max-width: 1250px;
background: #ffffff;
border-radius: 16px;
border: 1px solid #dddddd;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
overflow: hidden; 
}
.ipo-objects-of-the-issue-card-10-inner-1{
padding: 5px;
}
@media (max-width: 768px) {
.ipo-objects-of-the-issue-card-10-inner-1{
padding: 3px;
}
}