:root{
  --mcp-bg:#0b1220;
  --mcp-card:#0f172a;
  --mcp-muted:#a3b3c7;
  --mcp-accent:#22d3ee;
  --mcp-ring:#223047;
  --mcp-text:#eaf2ff;
  --mcp-text-strong:#fff;
  --mcp-zebra-odd:#0b1420;
  --mcp-zebra-even:#0e162b;
}

.cyclr-mcp-tool,.cyclr-mcp-companies{color:#fff;background:#002e3d;padding:2rem;border-radius:1rem}
.mcp-card{background:#011a21;border:1px solid var(--mcp-ring);border-radius:1rem;padding:1rem}
.mcp-header{display:grid;gap:.5rem;margin-bottom:1rem}
.mcp-header p {color:#fff}
.mcp-controls{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.mcp-field-label{padding:0 0 2rem}
.mcp-select{background:#002e3d;border:1px solid #fff;color:var(--mcp-text);padding:.5rem .75rem;border-radius:.75rem}
.mcp-table-wrap{overflow:auto}
.table{width:100%;border-collapse:collapse;background:var(--mcp-zebra-odd)}
.table th,.table td{border-bottom:1px solid var(--mcp-ring);padding:.6rem .5rem;text-align:left}
.table thead th{background:#0e1a30;color:var(--mcp-text-strong)}
.table tbody tr:nth-child(odd){background:var(--mcp-zebra-odd)}
.table tbody tr:nth-child(even){background:var(--mcp-zebra-even)}
.link{color:var(--mcp-accent);text-decoration:none}
.link:hover{text-decoration:underline;color:#fff}
.muted{color:#e1e3e6!important}

.co-name{font-weight:600}
.co-actions{margin-top:.35rem}
.button-secondary{background:#f7f7f7;border:1px solid var(--mcp-ring);color:#002e3d;padding:.8rem 8rem;border-radius:10rem;cursor:pointer;margin-top: 20px;margin-bottom: 20px;}

.uc-list{display:grid;gap:.5rem;border-top:1px dashed var(--mcp-ring);padding-top:.5rem}
.uc-item{background:#0c152c;border:1px solid var(--mcp-ring);border-radius:.5rem;padding:.5rem .6rem}
.uc-title{font-weight:600;margin-bottom:.25rem}
.uc-desc{margin-bottom:.25rem}
.uc-why{font-size:.95rem}


.companies-explorer{display:inline-block;}
.companies-explorer thead{display:inline-block; width:100%;}
.companies-explorer thead tr{display:flex;}
.companies-explorer tr {display:flex; flex-wrap:wrap;}
.companies-explorer thead tr th { vertical-align: bottom; border-bottom: 2px solid #ddd; width: 11%; display: inline-block;}
.companies-explorer thead tr th fix-10 { width: 10%; }
.companies-explorer thead tr th fix-13 { width: 13%; }
.companies-explorer td {display:block; flex:1; }
.companies-explorer .view-uc-btn {width:100%; flex:auto; text-align: center; border-top: 0px; }

.companies-expl-btn {width: 500px;padding: 10px;}

.co-expando {display: inline-flex;}
.co-expando td {width: 100%;}

.comp-uc-example {margin-top:20px; margin-bottom:20px;}
.comp-uc-desc {margin-top: 10px;}
.muted strong {color: #fff;}